var NowImg = 1;
var bStart = 0;
var bStop =0;
function fnToggle() 
{
	var next = NowImg + 1;

	if(next == 3) 
	{
		NowImg = 2;
		next = 1;
	}
	if(bStop!=1)
	{

		if(bStart == 0)
		{
			bStart = 1;		
			setTimeout('fnToggle()', 4000);
			return;
		}
		else
		{
/*
			oTransContainer.filters[0].Apply();
            document.getElementById("color"+NowImg).setAttribute("className","");
            document.getElementById("oDIV"+NowImg).setAttribute("className","unnow");
            document.getElementById('color'+next).setAttribute("className","now");
            document.getElementById('oDIV'+next).setAttribute("className","setnow");
			
            document.getElementById("color"+NowImg).setAttribute("class","");
            document.getElementById("oDIV"+NowImg).setAttribute("class","unnow");
            document.getElementById('color'+next).setAttribute("class","now");
            document.getElementById('oDIV'+next).setAttribute("class","setnow");
            oTransContainer.filters[0].Play(duration=2);
 */
            document.getElementById("color1").setAttribute("className","");
            document.getElementById("color2").setAttribute("className","");
            document.getElementById("oDIV1").setAttribute("className","unnow");
            document.getElementById("oDIV2").setAttribute("className","unnow");
            document.getElementById('color'+next).setAttribute("className","now");
            document.getElementById('oDIV'+next).setAttribute("className","setnow");
            document.getElementById("color1").setAttribute("class","");
            document.getElementById("color2").setAttribute("class","");
            document.getElementById("oDIV1").setAttribute("class","unnow");
            document.getElementById("oDIV2").setAttribute("class","unnow");
            document.getElementById('color'+next).setAttribute("class","now");
            document.getElementById('oDIV'+next).setAttribute("class","setnow");
 
			if(NowImg == 2) 
				NowImg = 1;
			else
				NowImg++;
		}
		setTimeout('fnToggle()', 4000);
	}
}


function toggleTo(img)
{
//	bStop=1;
	if(img==1)
	{
 			document.getElementById("oDIV1").setAttribute("class","setnow");
 			document.getElementById("oDIV2").setAttribute("class","unnow");
 			document.getElementById("oDIV1").setAttribute("className","setnow");
 			document.getElementById("oDIV2").setAttribute("className","unnow");
            document.getElementById("color1").setAttribute("class","now");
            document.getElementById("color2").setAttribute("class","");
            document.getElementById("color1").setAttribute("className","now");
            document.getElementById("color2").setAttribute("className","");
	}
	else if(img==2)
	{
 			document.getElementById("oDIV1").setAttribute("class","unnow");
 			document.getElementById("oDIV2").setAttribute("class","setnow");
 			document.getElementById("oDIV1").setAttribute("className","unnow");
 			document.getElementById("oDIV2").setAttribute("className","setnow");
            document.getElementById("color1").setAttribute("class","");
            document.getElementById("color2").setAttribute("class","now");
            document.getElementById("color1").setAttribute("className","");
            document.getElementById("color2").setAttribute("className","now");
	}
}
window.onload = fnToggle;