// JavaScript Document

var currentid =0;
var timerID = 0;
var tStart  = null;
function display(id,par)
{
	currentid = id;
	for(var i=1;i<5;i++)
	{
		if(i==id)
		{
			var elemt 	= document.getElementById("top"+i);
			var eleimat = document.getElementById("imaget"+i);
			var elemb 	= document.getElementById("image"+i);
			setOpacity(eleimat, 0);
			elemt.style.display = "";
			fadeIn("imaget"+i,0);
			//elemt.style.visibility = "";
			if(i==1)
			elemb.src = "images/inner/1_over.jpg";
			else if(i==2)
			elemb.src = "images/inner/2_over.jpg";
			else if(i==3)
			elemb.src = "images/inner/3_over.jpg";
			else if(i==4)
			elemb.src = "images/inner/4_over.jpg";
			setOpacity(elemb, 0);
			
			fadeIn("image"+i,0);

		}
		else
		{
			var elemt = document.getElementById("top"+i);
			var elemb = document.getElementById("image"+i);
			elemt.style.display = "none";
			//elemt.style.visibility = "hidden";
			//elemb.style.backgroundImage  = "url(images/loladex_home_thumb.gif)";
			if(i==1)
			elemb.src = "images/inner/1_act.jpg";
			else if(i==2)
			elemb.src = "images/inner/2_act.jpg";
			else if(i==3)
			elemb.src = "images/inner/3_act.jpg";
			else if(i==4)
			elemb.src = "images/inner/4_act.jpg";
			setOpacity(elemb, 0);
			//elemt.style.display = "";
			fadeIn("image"+i,0);
		}
	}
	if(par == "cli")
	{
		if(timerID)
		clearTimeout(timerID);
		timerID = setTimeout("changetd()", 30000);
	}	
	else
	timerID = setTimeout("changetd()", 12000);
}
function changetd()
{
	if(currentid == 0)
	currentid = 1;
	currentid = currentid + 1;
	if(currentid > 4)
	currentid = 1;
	if(timerID) {
      clearTimeout(timerID);
      timerID  = 0;
    }
	display(currentid,'aut');
}
timerID = setTimeout("changetd()", 12000);
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}
function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 40);
    }
  }
}