var bt_size = 8;
var nr_pics = 24;
var scroll_req;
var scroll_req2;
var scroll_timer1;
var reload = false;
var paused = false;
var scroll_dir = "down";
var restartscroll;
var loadin;
var divs=[];
var imgs=[];
var country_flags=[];
var speed = 35;
var isrotatable = false;
var correction;

function mod_scroll_init() {
	OnLoad();
//	setTimeout("LoadPics()",500);
	}

  function OnLoad()
  { var obj;
    var i;
    var imgHeight;
    var divobj;
    var imgobj;
    var country_flag;
    var inner;
    inner = document.getElementById("results");
    // Fill with empty divs dark gray of color
    if (window.screen.availWidth<=1024)
    	nr_pics=18;
    else
    	nr_pics=12;

    for(i=0;i<nr_pics;i++)
    { divs[i] = document.getElementById("div_"+i);
      imgs[i] = document.getElementById("div_img_"+i);
      country_flags[i] = document.getElementById("cf_" + i);
    }

/*
    for(i=0;i<nr_pics;i++)
    { divobj = document.createElement("div");
      divobj.style.width = "66px";
      divobj.style.height = "90px";
      divobj.style.backgroundColor="#ffffff"; // white
      divobj.style.filter="alpha(opacity=30)";

      divobj.style.display="inline";
      divobj.style.marginLeft = "5";
      divobj.style.marginBottom= "5";
      divobj.id = "div_" + i;
      divobj.style.border = "2px solid white";
      divs[i] = inner.insertBefore(divobj,null);
      imgobj = document.createElement("IMG");
      imgobj.style.width = "66px";
      imgobj.style.height = "90px";
      imgobj.src = "img/empty_90x120.gif";
      imgobj.style.border="none";
      imgs[i] = divs[i].insertBefore(imgobj,null);
      country_flag = document.createElement("IMG");
      country_flag.style.display = "inline";
      country_flag.style.position = "absolute";
      country_flag.style.left = "50px";
      country_flag.style.top = "77px";
      country_flag.style.width = "10px";
      country_flag.style.height = "8px";

      country_flag.src = "img/flags/00.gif";
      country_flags[i] = divs[i].appendChild(country_flag);
    }
*/
    // to be removed
//    LoadPics();
 }

  function displayProfile(obj1)
  {	var obj;
  	var height;
  	var viewmemberid;
  	stopScroll(obj1);
  	viewmemberid = parseInt(obj1.attributes["tag"].value.substring(5,12),10);
    mod_results.viewmemberid.value = viewmemberid;
    mod_results.mode2.value = "results";
	mod_results.submit();

  }

  function LoadPics()
  {  reload=false;
  	 if (!scroll_req)
  	 {	if (!navigator.product)
     	   scroll_req = new ActiveXObject("Microsoft.XMLHTTP");
     	else
     	   scroll_req = new XMLHttpRequest();
     }
     scroll_req.abort();
     scroll_req.open("POST","getScrollList.jsp?nr_pics=" + nr_pics + "&side=left",true);
     scroll_req.onreadystatechange = processReadyState1;
     scroll_req.send(null);
  }

  function processReadyState1()
  { var i;
    var s;
    var t;
    var img_obj;
    var obj;
    var obj3;
    var div_obj;
    var country_flag;
    var obj1;
    var obj2;
    var cnt;
    var total_cnt;
    var tmp;
    var x1, x2;
    var tooltip_obj;
    var inHtml;
    if (scroll_timer1)
    {  clearTimeout(scroll_timer1);
       scroll_timer1 = null;
    }
    if (scroll_req.readyState == 4) // Complete loading images in divs
    {   s = scroll_req.responseText.split("#");
        total_cnt = parseInt(s[0],10);
        cnt = parseInt(s[1],10);
        for (i=0;i<(total_cnt>=nr_pics?nr_pics:total_cnt);i++)
        {  tmp = s[2+i].split("&&");
           if (!navigator.product) // this only works for IE
           {  divs[i].style.filter = "progid:DXImageTransform.Microsoft.Fade(duration=1)";
              divs[i].filters[0].apply();
           }
           if (tmp[0].indexOf("Ogen")==-1)
           {  imgs[i].src = 'MemberPics/' + tmp[0];
           }
           else
           {
           	 imgs[i].src = 'img/Neutral Small ' + (tmp[4]) + ".png";
           }
           divs[i].tag = tmp[0];
           imgs[i].tag = tmp[0];
           divs[i].style.border = "2px solid white";
           divs[i].style.position = "relative";
           divs[i].style.left = "0px";
           divs[i].style.top = "0px";
           if (tmp[5])
           	country_flags[i].src = "img/flags/" + tmp[5].toLowerCase() + ".gif";
           country_flags[i].style.border="1px solid white";
//           alert(country_flag.style.background);
           if (lang_code=="NL")
             divs[i].title = "Naam: " + tmp[1] + "\n" + "Lokatie: " + tmp[2] + "\n" + "Leeftijd: " + tmp[3];
           else
             divs[i].title = "Name: " + tmp[1] + "\n" + "Location: " + tmp[2] + "\n" + "Age: " + tmp[3];
            // We remove all the old tooltip_ divs..
           tooltip_obj = document.getElementById("tooltip_"+i);
           inHtml = "<table>";
           inHtml += "<tr><td colspan=2><h5>" + (lang_code=="NL"?"Ben jij op zoek naar mij?":"Are&nbsp;you&nbsp;Looking&nbsp;For&nbsp;Me?") + "</h5></td></tr>";
           inHtml += "<tr><td style='text-align:right'>" + (lang_code=="NL"?"Mijn zoeknaam is:":"My profile name is:") + "</td><td><b>" + tmp[1] + "</b></td></tr>";
           inHtml += "<tr><td style='text-align:right'>" + (lang_code=="NL"?"Ik woon in:":"I'm living in:") + "</td><td><b>" + tmp[2] + "</b></td></tr>";
           inHtml += "<tr><td style='text-align:right'>" + (lang_code=="NL"?"Mijn leeftijd is:":"My age is between:") +"</td><td><b>" + tmp[3] + "</b></td></tr>";
           inHtml += "</table>";

		 if (lang_code=="NL")
		 	inHtml += "<div style='width:250px;background-color:#404040;color:#ffa000;font-weight:bold;font-size:10pt;text-align:center;margin-top:5px'>Klik op mijn Foto<br>om meer over mij te weten te komen</div>";
		 else
			inHtml += "<div style='width:250px;background-color:#404040;color:#ffa000;font-weight:bold;font-size:10pt;text-align:center;margin-top:5px'>Click on my Photo<br>to find out more about me</div>";
          inHtml += "</div>";

          tooltip_obj.innerHTML = inHtml;

           if (!navigator.product)
           {  divs[i].style.cursor = "hand";
              if (!divs[i].onclick)
                   divs[i].onclick = function() {displayProfile(this)};
           }
		   else
		   {   divs[i].style.cursor = "pointer";
		       if (!divs[i].onclick)
		          divs[i].onclick = function() { displayProfile(this)};
		   }
		   divs[i].style.visibility = "visible";
		   divs[i].onmouseover= function() { stopScroll(this) };
		   divs[i].onmouseout= function() { restartScroll(this) };
        }
        for (i=0;i<(total_cnt>=nr_pics?nr_pics:total_cnt);i++)
        {  if (!navigator.product)
              divs[i].filters[0].play();
        }
        if (total_cnt>nr_pics && search_activated=="0")
        {  scroll_timer1 = setTimeout('LoadPics()', 10000);
        }
        else
        {   for (i=cnt;i<nr_pics;i++)
            {   divs[i].style.visibility = "hidden";
            }
        }
    }
}

  function stopScroll(obj)
  {  //window.status = timer1;
     if (scroll_timer1)
     {	window.clearTimeout(scroll_timer1);
     	scroll_timer1 = null;
     	if (scroll_req)
     	   scroll_req.abort();
     }
//     alert(this.tagName);
     obj.style.border="2px solid #00e000";

  }

  function restartScroll(obj)
  {  if (scroll_timer1)
     {  clearTimeout(scroll_timer1);
		if (scroll_req)
		   scroll_req.abort();
	 }
	 obj.style.border="2px solid #ffffff";
	 if (search_activated=="0")
	     scroll_timer1= setTimeout('LoadPics()',5000);
  }