//Variables Intitiliazation

var totaldiv=6;
 var txtloop=1;
 var buttonclickvalue=0;
var faderflag=0;
var faderoutflag=0
var dealytimerflag=0
var fade; 
fade=0 
cid=1;
var nameid="";
var nameprefix="div_";
var faderTimer;
var delayTimer=0;
var delayFaderValue=4000; 
var faderSpeed=50;
var faderIncrement=8;
  
 //id will be numberic it will be automatically increase based on totalcount/totaldiv
function fadeIn(id) 
{
 clearTimeout(faderTimer);
if(buttonclickvalue==1)
{
 clearTimeout(faderTimer);
}

//highlight the current pagination
 select_page(id);


faderflag=1;
//start fading from here
hideall();
cid=id;
fade=fade+faderIncrement; 
nameid=nameprefix+id;
//alert(nameid); 
 document.getElementById(nameid).style.display='block'; 

 document.getElementById(nameid).style.filter='alpha(opacity='+fade+')'; 
 document.getElementById(nameid).style.MozOpacity=eval(fade/100); 
faderTimer=setTimeout('fadeIn("'+id+'")',1000/faderSpeed); 
// document.getElementById("msg").innerHTML="Fader value="+fade+",Current Div id= "+nameid;
 //alert(nameid);

 if (fade>=100) 
{
clearTimeout(faderTimer);
faderflag=0;
delayTimer=setTimeout('delayFader("'+id+'");',delayFaderValue); 
dealytimerflag=1;
 
}
//by default if other then first or last display the middle button visible
	 	document.getElementById("nextbtn1").style.display="block";
	 	document.getElementById("previousbtn1").style.display="block"
	 	document.getElementById("nextbtn0").style.display="none";
	 	document.getElementById("previousbtn0").style.display="none"



//check to disable previouse and next button
if(id==totaldiv)
{
 	document.getElementById("nextbtn1").style.display="none";
	 	document.getElementById("nextbtn0").style.display="block";

	 	document.getElementById("previousbtn0").style.display="none"
			 	document.getElementById("previousbtn1").style.display="block"


}

 
if(id==1)
{
 	document.getElementById("previousbtn1").style.display="none"
	 document.getElementById("previousbtn0").style.display="block"

	 	document.getElementById("nextbtn0").style.display="none";
		document.getElementById("nextbtn1").style.display="block";

}
if(totaldiv==1)
{
 	document.getElementById("previousbtn1").style.display="none"
	 document.getElementById("previousbtn0").style.display="block"

	 	document.getElementById("nextbtn0").style.display="block";
		document.getElementById("nextbtn1").style.display="none";

}



}
/* start No in used in this component*/
function fadeOut(id) 
{

 faderoutflag=1;
  
  fade=fade-faderIncrement; 
nameid=nameprefix+id;
  document.getElementById(nameid).style.filter='alpha(opacity='+fade+')'; 
 document.getElementById(nameid).style.MozOpacity=eval(fade/100); 
faderOutTimer=setTimeout('fadeOut("'+id+'")',1000/faderSpeed); 
// document.getElementById("msg").innerHTML="Fader value="+fade+",Current Div "+nameid;
 //1234 button click value is 1 then clear the relevant timer if running
if(buttonclickvalue==1)
{
 clearTimeout(faderOutTimer);
}

 if (fade<0)
  
{  
 faderoutflag=0;

  hideall();
  cid++;
		  if(cid>totaldiv)
		{
		cid=1
		clearTimeout(faderTimer);
		//alert("all done");
		 //cid=cid+1;
			 if (txtloop==1)
			{//alert(cid);  
			 fadeIn(cid) 
			 }
		
		}
		
		else
			{
			 fadeIn(cid);
			 }


clearTimeout(faderOutTimer);



//delayTimer=setTimeout('delayFader("'+id+'");',delayFaderValue); 
}

}

/* End No in used in this component*/

function delayFader(id) 
{

//1234 button click value is 1 then clear the relevant timer if running
if(buttonclickvalue==1)
{
 clearTimeout(delayTimer);
}
  clearTimeout(delayTimer);
  dealytimerflag=0
//div_to_hide=nameprefix+id
 //document.getElementById(div_to_hide).style.display="none";

 fadeOut(id) ;
}


function next()
{
autoplay(0)
//cid=id;
fade=0;
if(cid<totaldiv)
{

hideall();
cid++;
div_to_show=nameprefix+cid
document.getElementById(div_to_show).style.display="block";


document.getElementById("previousbtn0").style.display="none"
document.getElementById("previousbtn1").style.display="block"


fadeIn(cid) ;
}
else
{
document.getElementById("nextbtn1").style.display="none"
document.getElementById("nextbtn0").style.display="block"
document.getElementById("previousbtn0").style.display="none"
document.getElementById("previousbtn1").style.display="block"
}
buttonclick(cid);

}

function previous()

{
autoplay(0)

fade=0;
if(cid>1)
{

hideall();
cid--;
div_to_show=nameprefix+cid
document.getElementById(div_to_show).style.display="block";


 document.getElementById("nextbtn1").style.display="block"
document.getElementById("nextbtn0").style.display="none"

fadeIn(cid) ;
}
else
{
document.getElementById("nextbtn1").style.display="block"
document.getElementById("nextbtn0").style.display="none"
document.getElementById("previousbtn0").style.display="none"
document.getElementById("previousbtn1").style.display="block"
}
buttonclick(cid)
}

function buttonclick(id)
{
 autoplay(0)
 select_page(id);
 buttonclickvalue=1;
dealytimerflag=1;
 
 if(faderflag==1){clearTimeout(faderTimer);}
  if(faderoutflag==1){clearTimeout(faderOutTimer);}
 if(dealytimerflag==1){clearTimeout(delayTimer);}
cid=id
fade=0;
fadeIn(id);
}

function select_page(id)
{
 //make all button normal accept selected
for(i=1;i<=totaldiv;i++)
{
document.getElementById(i).className="buttons";
}
 document.getElementById(id).className="buttons_selected";

}
function autoplay(flag)

{
 if(flag==1)
{
 document.getElementById("autoplay0").style.display="none";
  document.getElementById("autoplay1").style.display="block";
 buttonclickvalue=0;
 fadeIn(cid)

//fadeOut(cid);

}
else
{
 document.getElementById("autoplay0").style.display="block";
document.getElementById("autoplay1").style.display="none";
 buttonclickvalue=1;
 
}

}
function hideall() 
{
	for(i=1;i<=totaldiv;i++)
	{
	 div_to_hide=nameprefix+i;
	 document.getElementById(div_to_hide).style.display="none";
	}
}

//Initiliaze and check if total div==0 then show nothing otherwise fade the selected id
 if(totaldiv==0 )
{
 	document.getElementById("previousbtn1").style.display="none"
	 document.getElementById("previousbtn0").style.display="none"

	 	document.getElementById("nextbtn0").style.display="none";
		document.getElementById("nextbtn1").style.display="none";

}
else
{
 hideall();

 autoplay(1);
fadeIn(1);
}
// 	document.getElementById("previousbtn").className="previousnext_disable";