// JavaScript Document
function moveSlide3()
{
	if(slide3right)
	{
		$('#slide3').animate({ left: '-850' }, speed, 'swing' );
		$('#hotspot3').animate({ left: '30' }, speed, 'swing' );
		slide3right = 0;
	}
	else
	{
		$('#slide3').animate({ left: '0' }, speed, 'swing' );
		$('#hotspot3').animate({ left: '880' }, speed, 'swing' );
		slide3right = 1;	
		if(!slide2right) moveSlide2();
	}
}
function moveSlide2()
{
	if(slide2right)
	{
		$('#slide2').animate({ left: '-850' }, speed, 'swing' );
		$('#hotspot2').animate({ left: '60' }, speed, 'swing' );
		slide2right = 0;
		if(slide3right) moveSlide3();
		next();
	}
	else
	{
		$('#slide2').animate({ left: '0' }, speed, 'swing' );
		$('#hotspot2').animate({ left: '910' }, speed, 'swing' );
		slide2right = 1;
		stopit();
	}
}
function next()
{
	clearTimeout(timerID);
	$('#foliodiv').fadeOut('slow', changepic);
	$('#foliodiv').fadeIn('slow', function() { timerID = self.setTimeout("next()", 5000 ); } );
}
function stopit()
{
	clearTimeout(timerID);
}
function changepic()
{
	cnt ++;
	cnt = cnt % folios.length;
	document.folioimg.src = backImg.src;
	backImg.src = "img/folio/" + folios[cnt] + ".png";
}