var flashRequest;

function makeRequest() {
   var request;
   var browser = navigator.appName;
         
   if (browser == "Microsoft Internet Explorer") {
      request = new ActiveXObject("Microsoft.XMLHTTP");
      flashRequest = "header-flash-ie.php";
   } else {
      request = new XMLHttpRequest();
      flashRequest = "header-flash.php";
   }
         
   return request;
}

var httpRequest = makeRequest();

var sp,st,t,m,sa,l,w,sw,ot;
var paramSM, paramSW, paramMT, paramS, paramSL;

function build(sm,sw,mt,s,sl,h) {
    paramSM=sm; paramSW=sw; paramMT=mt; paramS=s; paramSL=sl;
    sp=s; st=sw; t=mt;
	m=document.getElementById(sm);
	sa=m.getElementsByTagName('li');
	l=sa.length; w=m.offsetWidth; sw=w/l;
	ot=Math.floor((w-st)/(l-1)); var i=0;
	for(i;i<l;i++){s=sa[i]; s.style.width=sw+'px'; timer(s);}
	if(sl!=null){
        m.timer=setInterval(function(){slide(sa[sl-1])},t);
    }
    document.getElementById("left-slide").style.width = "3px";
}

function timer(s) {
   s.onclick=function(){
	   var status     = document.getElementById('status');
	   var params     = document.getElementById('params');
		      
	   if (params.innerHTML == "") {
	      /*status.innerHTML = "<img src=\"images/header-right2.jpg\" alt='' />";*/	      
	      document.getElementById('sm').style.padding = "0px";
	      document.getElementById('slide-frame').style.marginLeft = "1px";
	      params.innerHTML = 1;
          params.style.display = "none";
	   } else if (params.innerHTML == 1) {
		   /*status.innerHTML = "Back";*/
		   status.innerHTML = "<img src=\"images/header-left.jpg\" alt='' />";
		   document.getElementById('slide-frame').style.marginLeft = "1px";
           document.getElementById('frame').style.width = "710px";
		   params.innerHTML = "";
		}
		      
		/*slideMenu.getAlert();*/
		clearInterval(m.timer);m.timer=setInterval(function(){slide(s)},t)
	}
}

function slide(s) {
   /*
	   cw = Posisi
   */
	var cw=parseInt(s.style.width,'10');

    if(cw<st){
	   var owt=0; var i=0;
		for(i;i<l;i++){
	   	if(sa[i]!=s){
	   		var o,ow; var oi=0; o=sa[i]; ow=parseInt(o.style.width,'10');
				if(ow>ot){oi=Math.floor((ow-ot)/sp); oi=(oi>0)?oi:1; o.style.width=(ow-oi)+'px'}
	   			owt=owt+(ow-oi)}}
	      		s.style.width=(w-owt)+'px';
	   	} else {
	   	   clearInterval(m.timer)
		}
}

function setShowImage(s) {
   var cw      = parseInt(s.style.width,'10');
   if (cw>=st) {
    for(var i=0; i<11; i++)
      setTimeout('setOpacity('+i+')',110*i);
   	return false;
	 }
}

function setShowFlash(s) {
   var cw      = parseInt(s.style.width,'10');
   if (cw>=st) {
      for(var i=0; i<11; i++)
         setTimeout('setFlashOpacity('+i+')',500*i);
   	   return false;
		}
}

function setOpacity(value) {
   var status = document.getElementById('status');
	status.style.opacity = value/10;
	status.style.filter  = 'alpha(opacity='+value*10+')';
	status.innerHTML = "<img src='images/erection-meter-2.gif' alt='' />";
}

function setFlashOpacity(value) {
   var slides = document.getElementById('slides');
	slides.style.opacity = value/10;
	slides.style.filter  = 'alpha(opacity='+value*10+')';
	      
	/* request by ajax */
	//slides.innerHTML = "<img src=\"images/header-left.jpg\" alt='' />";
	var url = "header.html";
	httpRequest.open("get", url);
	httpRequest.onreadystatechange = function() {
	   if (httpRequest.readyState == 4) {
	      var response = httpRequest.responseText;
	      if (response == "") {
	        //alert('Failed to request');
	        document.getElementById('slides').innerHTML = "Failed to load data";
	      } else {
	        //alert(response);
	        document.getElementById('slides').innerHTML = response;
	      }
	   }
	}
	
	httpRequest.send(null);
	//alert(test);
}

function setCloseImage(s) {
   var cw=parseInt(s.style.width,'10');
   if (cw>=st) {
      document.getElementById('status').innerHTML = "<img src=\"images/erection-meter-1.gif\" alt='' />";
	}		
}

function setBuildSlide() {
    build('sm',540,10,10,1);
}

function getSlidesOld() {
   document.getElementById('params').innerHTML = "";
   getFlash();
   //document.getElementById('status').innerHTML = "<img src=\"images/erection-meter-2.gif\" alt='' />";
		   
   //sa = m.getElementsByTagName('li');
   /*sa = document.getElementById('sm').getElementsByTagName('li');
   l=sa.length;
   var i=0;
   for(i;i<l;i++){
      s=sa[i]; 
      s.style.width=sw+'px'; 
      setShowImage(s);
   }*/
   //alert(sw);
}

function getSlides() {
   location.href = "menjadi-pria-bahagia";
}

function getFlash() {
    //var url = "header-flash.php";
    var url = flashRequest;
    //alert(url);
    httpRequest.open("get", url);
    httpRequest.onreadystatechange = responseGetFlash;
    httpRequest.send(null);
    document.getElementById('status').innerHTML = "<img src=\"images/erection-meter-2.gif\" alt='' />";
}

function responseGetFlash() {
    if (httpRequest.readyState == 4) {
        var response = httpRequest.responseText;
        if (response == "") {
           //alert('Failed to request');
           document.getElementById('slides').innerHTML = "Failed to load data";
        } else {
           //alert(response);
           document.getElementById('slides').innerHTML = response;
        }
    }
}

function getStatus() {
   document.getElementById('frame').style.width = "1010px";

   setBuildSlide();
   document.getElementById('params').innerHTML = 1;
   document.getElementById('slides').style.marginLeft = "1px";
   document.getElementById('slides').innerHTML = "<img src=\"images/erection-meter-1.gif\" alt='' />";
}