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 j;
    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;

		obj = document.getElementById("results").getElementsByTagName("div");
    for(i=0;i<nr_pics;i++)
    {	for (j=0;j<obj.length;j++)
    	{	if (obj[j].id.indexOf("div_"+i+":")>=0)
				{ 	divs[i] = obj[j];
						break;
				}
			}
      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 s;
  	var viewmemberid;
    if (scroll_timer1)
    {	window.clearTimeout(scroll_timer1);
     	scroll_timer1 = null;
    }
  	if (scroll_req)
  		scroll_req.abort();
		s = obj1.id.substring(obj1.id.indexOf(":")+1);
  		viewmemberid = parseInt(s.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 s1;
    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;
    if (scroll_timer1)
    {  clearTimeout(scroll_timer1);
       scroll_timer1 = null;
    }
    if (scroll_req.readyState == 4) // Complete loading images in divs
    {   mod_results.do_refresh.value = scroll_req.responseText;
				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];
           		imgs[i].alt = tmp[1] + " @ www.ulooking4me.com ";
           }
           else
           { imgs[i].src = 'img/ULooking4Me%20Small%20' + (tmp[4]) + ".png";
             imgs[i].alt = tmp[1] + " @ www.ulooking4me.com " ;
           }
           divs[i].id = "div_" + i + ":" + tmp[0];
//           divs[i].attributes["tag"].value = tmp[0];
//           imgs[i].attributes["tag"].value = 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);
         	 // Tooltip Generation
           if (lang_code=="NL")
           {	s1 = "<table>";
           	  s1 += "<tr><td colspan=2><h5>Ben&nbsp;jij&nbsp;op&nbsp;Zoek&nbsp;naar&nbsp;mij?</h5></td></tr>";
           		s1 += "<tr><td style='text-align:right'>Mijn zoeknaam is:</td><td><b>" + tmp[1] + "</b></td></tr>";
           		s1 += "<tr><td style='text-align:right'>Ik woon in:</td><td><b>" + tmp[2] + "</b></td></tr>";
           		s1 += "<tr><td style='text-align:right'>Mijn leeftijd is:</td><td><b>" + tmp[3] + "</b></td></tr>";
           		s1 += "</table>";
           		s1 += "<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>";
           		obj = document.getElementById("tooltip_" + i);
           		if (obj)
           		{	obj.style.textAlign = "left";
           			obj.innerHTML = s1;
           		}
					 }
           else
           {	s1 = "<table>";
           	  s1 += "<tr><td colspan=2><h5>Are&nbsp;you&nbsp;Looking&nbsp;For&nbsp;Me?</h5></td></tr>";
           		s1 += "<tr><td style='text-align:right'>My profile name is:</td><td ><b>" + tmp[1] + "</b></td></tr>";
           		s1 += "<tr><td style='text-align:right'>I'm living in:</td><td ><b>" + tmp[2] + "</b></td></tr>";
           		s1 += "<tr><td style='text-align:right'>My age is between:</td><td ><b>" + tmp[3] + "</b></td></tr>";
           		s1 += "</table>";
						  s1 += "<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>";
           		obj = document.getElementById("tooltip_" + i);
           		if (obj)
           		{	obj.style.textAlign = "left";
           			obj.innerHTML = s1;
           		}
					 }
           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++)
            {   if (divs[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);
		 if (obj)
     	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);
  }