var nLoopDelay = 7000,
	nCurTeaser = 1,
	nMaxTeaser = 3,
	bLoop	   = true,
	nLoops	   = 0,
	nMaxLoops  = 6;

/**
* jQuery's ready function
*/
$(document).ready(function()
{
	// *) Start timer function to loop through teasers
	var nNextTeaser = nCurTeaser+1;

	setTimeout("fadeInTeaser("+nNextTeaser+")",nLoopDelay);
});

/**
* Fades in the next teaser
*
* Important: Uses global array for teaser information
*
* @param integer next teaser number
*/
function fadeInTeaser(nTeaser)
{
	if (!bLoop)
		return;

	// *) Set teaser
	setTeaser(nTeaser,false);

	// *) Call timer for next loop
	var nNextTeaser = nTeaser == nMaxTeaser ? 1 : nTeaser+1;

	nLoops++;
	if (nLoops < nMaxLoops)
		setTimeout("fadeInTeaser("+nNextTeaser+")",nLoopDelay);
}

/**
* @param integer teaser
* @param optional, stop loop. Defaults to true.
*/
function setTeaser(nTeaser,bStopLoop)
{
	if (typeof bStopLoop == 'undefined' || bStopLoop)
		bLoop = false;

	if (nTeaser == nCurTeaser)
	// => already there
		return;

	// *) Set new teaser image and link
	var nLastTeaser = nCurTeaser;
	nCurTeaser = nTeaser;

	$('#idTeaserBGImage').attr('src',aTeasers[nLastTeaser-1].szImageFile);

	$('#idTeaserLink').attr('href',aTeasers[nTeaser-1].szAddLink);
	$('#idTeaserImage').fadeOut(0).load(function () { $(this).fadeIn('slow'); }).attr('src',aTeasers[nTeaser-1].szImageFile);

	// *) Adjust page boxes
	//
	// -) Reset active page boxes
	for (var i=1;i <= nMaxTeaser;i++)
	{
		if (i == nTeaser || $('#idTeaserPageBox'+i).attr('src').toString().indexOf('active') == -1)
			continue;

		$('#idTeaserPageBox'+i).attr('src','/images/hometeaser-page'+i+'.png');
	}

	// -) Active teaser page box
	$('#idTeaserPageBox'+nTeaser).attr('src','/images/hometeaser-page'+nTeaser+'_active.png');
}