/* Things to touch */

var	flipemTotal	= 0; // This should be done better - like automatically - but it's not for now.
var displaytime	= 15.5; // Time in seconds before switching
var startRotating	= true; // false if not starting automatically 
var useControls	= false; // false if not using controls
var currentClass	= 'currentLink';
var fadeDuration	= 0.3;	// in seconds
var appearDuration	= 0.3;	// in seconds
var appearDelay		= 0.3;	// in seconds
var changeToLink	= false;
var flipemPauseHTML	= '<img style="vertical-align:middle;" src="./images/pause.png" alt="Pause" \/>';
var flipemPlayHTML	= '<img style="vertical-align:middle;" src="./images/play.png" alt="Play" \/>';
var flipemNoLoadwait	= true; // load images if not loaded.
/* Things not to touch */
var flipemCurrent	= 1;
var flipemNumber	= 1;
var flipemPause	= false;
var flipemLoadedIm	= Array();
var olddisplaytime	= displaytime;
flipemSetNum = function(setflipemNumber)
{
	flipemTotal	= setflipemNumber;
	flipemLoadedIm = Array();
	flipemNumber	= 1;
	flipemCurrent	= 1;
	flipemPause	= false;
}

flipemstop	= function()
{
	flipemPause	= true;
	flipemCurrent	= 1;
	flipemNumber	= 1;
}

var interval;
flipemstart = function()
{
	flipemPause	= false;
	
	//var flipemElements = $$('.flipem');
	//if(flipemElements != '')
	{
		interval = self.setInterval("flipemauto()", 5000);
	}
}

flipemNext	= function()
{
	flipemPause = true;
	flipemplay('pause');
	if(flipemCurrent >= flipemTotal)
	{
		flipemNumber = 1;
		scrollThumbs(-100);
	}
	else
	{
		flipemNumber = flipemCurrent + 1;
		scrollThumbs(1);
	}
	if(flipemNumber != flipemCurrent)
	{
		flipemprocess(flipemNumber, flipemCurrent);
		flipemCurrent = flipemNumber;
	}
	return false;
}

flipemPrev	= function()
{
	flipemPause = true;
	flipemplay('pause');
	if(flipemCurrent == 1)
	{
		flipemNumber = flipemTotal;
		
	}
	else
	{
		flipemNumber = flipemCurrent - 1;
		scrollThumbs(-1);
	}
	if(flipemNumber != flipemCurrent)
	{
		flipemprocess(flipemNumber, flipemCurrent);
		//flipemCurrent = flipemNumber;
	}
	return false;
}

flipemnotstart = function()
{
	flipemPause	= true;
	if ($('flipem-control') != null)
	{
		$('flipem-control').update(flipemPlayHTML);
	}
}

flipemLoaded = function(number)
{
	flipemLoadedIm[number]	= true;
}

flipemprocess = function(next, current)
{
	flipemNumber = next;
	Effect.Fade('flipem-'+current, { duration:  fadeDuration, afterFinish: function()
		{
			Effect.Appear('flipem-' + flipemNumber, { duration: appearDuration, delay: appearDelay });
			flipemCurrent = flipemNumber;
		}
	});
	
	if(useControls == true)
	{
		$('flipem-control-'+next).addClassName(currentClass);
		$('flipem-control-'+current).removeClassName(currentClass);
	}
}

flipem = function(number, link)
{
	if(number != flipemCurrent)
	{
		flipemprocess(number, flipemCurrent);
		flipemPause = true;
		if(useControls == true)
		{
			$('flipem-control').update(flipemPlayHTML);
		}
	}
	return false;
	/*else if(flipemNumber == flipemCurrent && changeToLink == true)
	{
		return true;
	}*/
}
flipemplay = function(force)
{
	if (force == 'play')
	{
		flipemPause = true;
	}
	else if(force == 'pause')
	{
		flipemPause = false;
	}
	if (flipemPause == true)
	{
		flipemstart();
		if(useControls == true)
		{
			$('flipem-control').update(flipemPauseHTML);
		}
	}
	else if (flipemPause == false)
	{
		clearInterval(interval);
		flipemPause = true;
		if(useControls == true)
		{
			$('flipem-control').update(flipemPlayHTML);
		}
	}
}
flipemauto = function()
{
	if(flipemPause != true)
	{
		if(flipemCurrent >= flipemTotal)
		{
			flipemNumber = 1;
		}
		else
		{
			flipemNumber = flipemCurrent + 1;
		}
		if(flipemNumber != flipemCurrent)
		{
			flipemprocess(flipemNumber, flipemCurrent);
			flipemCurrent = flipemNumber;
		}
	}
}

if(startRotating == true)
{
	//Event.observe(window, 'load', flipemstart, false);
}
else
{
	//Event.observe(window, 'load', flipemnotstart, false);
}