
var loop = true;

function stopLoop()
{
	loop = false;
}
function clickRight()
{
	loop = true;
	showPanel3();
}
function clickLeft()
{
	loop = true;
	showPanel1();
}

function flippyflip()
{
	//load panel1
	//document.all.display.innerHTML = document.all.panel1.innerHTML;
	loop = true;
	opacity('display', 99, 0, 500);
	setTimeout("showPanel2()",1000);
}

function showPanel1()
{
	document.all.display.innerHTML = document.all.panel1.innerHTML;
	opacity('display', 0, 99, 500);
	if(loop == true)
	{
		setTimeout("hidePanel1()",3000);
	}
}
function hidePanel1()
{
	if(loop == true)
	{
		opacity('display', 99, 0, 500);
		setTimeout("showPanel2()",1000);	
	}
}

function showPanel2()
{
	document.all.display.innerHTML = document.all.panel2.innerHTML;
	opacity('display', 0, 99, 500);
	if(loop == true)
	{
		setTimeout("hidePanel2()",3000);
	}
}
function hidePanel2()
{
	if(loop == true)
	{
		opacity('display', 99, 0, 500);
		setTimeout("showPanel3()",1000);	
	}
}

function showPanel3()
{
	document.all.display.innerHTML = document.all.panel3.innerHTML;
	opacity('display', 0, 99, 500);
	if(loop == true)
	{
		setTimeout("hidePanel3()",3000);
	}

}
function hidePanel3()
{
	if(loop == true)
	{
		opacity('display', 99, 0, 500);
		setTimeout("showPanel4()",1000);	
	}
}

function showPanel4()
{
	document.all.display.innerHTML = document.all.panel4.innerHTML;
	opacity('display', 0, 99, 500);
	if(loop == true)
	{
		setTimeout("hidePanel4()",3000);
	}

}
function hidePanel4()
{
	if(loop == true)
	{
		opacity('display', 99, 0, 500);
		setTimeout("showPanel5()",1000);	
	}
}
function showPanel5()
{
	document.all.display.innerHTML = document.all.panel5.innerHTML;
	opacity('display', 0, 99, 500);
	if(loop == true)
	{
		setTimeout("hidePanel5()",3000);
	}

}
function hidePanel5()
{
	if(loop == true)
	{
		opacity('display', 99, 0, 500);
		setTimeout("showPanel1()",1000);	
	}
}
