// JavaScript Document

var timeDelay;

function showslides(id)
{
	//alert(id);
	if(id == "img1")
	{
	document.getElementById("clsLi1").className = "clsOne";
	hidequotes();
	document.getElementById("quote1").style.display = "block";
	assignimages();
	document.getElementById("img1").src ="images/state_on.png"; 
	
	}
	else if(id == "img2")
	{
	document.getElementById("clsLi1").className = "clsTwo";
	hidequotes();
	document.getElementById("quote2").style.display = "block";
	assignimages();
	document.getElementById("img2").src ="images/state_on.png"; 
	}
	else if(id == "img3")
	{
	document.getElementById("clsLi1").className = "clsThree";
	hidequotes();
	document.getElementById("quote3").style.display = "block";
	assignimages();
	document.getElementById("img3").src ="images/state_on.png"; 
	}
	else if(id == "img4")
	{
	document.getElementById("clsLi1").className = "clsFour";
	hidequotes();
	document.getElementById("quote4").style.display = "block";
	assignimages();
	document.getElementById("img4").src ="images/state_on.png"; 
	}
	else if(id == "img5")
	{
	document.getElementById("clsLi1").className = "clsFive";
	hidequotes();
	document.getElementById("quote5").style.display = "block";
	assignimages();
	document.getElementById("img5").src ="images/state_on.png"; 
	}
	else if(id == "img6")
	{
	document.getElementById("clsLi1").className = "clsSix";
	hidequotes();
	document.getElementById("quote6").style.display = "block";
	assignimages();
	document.getElementById("img6").src ="images/state_on.png"; 
	}
	
}

function hidequotes()
{
	document.getElementById("quote1").style.display = "none";
	document.getElementById("quote2").style.display = "none";
	document.getElementById("quote3").style.display = "none";
	document.getElementById("quote4").style.display = "none";
	document.getElementById("quote5").style.display = "none";
	document.getElementById("quote6").style.display = "none";
}
function assignimages()
{
	document.getElementById("img1").src ="images/state_off.png"; 
	document.getElementById("img2").src ="images/state_off.png"; 
	document.getElementById("img3").src ="images/state_off.png"; 
	document.getElementById("img4").src ="images/state_off.png"; 
	document.getElementById("img5").src ="images/state_off.png"; 
	document.getElementById("img6").src ="images/state_off.png"; 
}

function autoslideclcik(id)
{
	clearTimeout(timeDelay);
	if(id == "img1")
	{
	document.getElementById("clsLi1").className = "clsOne";
	hidequotes();
	document.getElementById("quote1").style.display = "block";
	assignimages();
	document.getElementById("img1").src ="images/state_on.png"; 
	
	}
	else if(id == "img2")
	{
	document.getElementById("clsLi1").className = "clsTwo";
	hidequotes();
	document.getElementById("quote2").style.display = "block";
	assignimages();
	document.getElementById("img2").src ="images/state_on.png"; 
	}
	else if(id == "img3")
	{
	document.getElementById("clsLi1").className = "clsThree";
	hidequotes();
	document.getElementById("quote3").style.display = "block";
	assignimages();
	document.getElementById("img3").src ="images/state_on.png"; 
	}
	else if(id == "img4")
	{
	document.getElementById("clsLi1").className = "clsFour";
	hidequotes();
	document.getElementById("quote4").style.display = "block";
	assignimages();
	document.getElementById("img4").src ="images/state_on.png"; 
	}
	else if(id == "img5")
	{
	document.getElementById("clsLi1").className = "clsFive";
	hidequotes();
	document.getElementById("quote5").style.display = "block";
	assignimages();
	document.getElementById("img5").src ="images/state_on.png"; 
	}
	else if(id == "img6")
	{
	document.getElementById("clsLi1").className = "clsSix";
	hidequotes();
	document.getElementById("quote6").style.display = "block";
	assignimages();
	document.getElementById("img6").src ="images/state_on.png"; 
	}
	
}