/** Global variables for marquee **/
var stopTimer = false;
var marqueeLoadTimer = null;
var marqueeRotateTimer = null;
var marqueeData = new Array('marquee1','marquee2','marquee3','marquee4');
var selectedMarquee = 0;
var showingMarquee = 0;
var marqueeTime = 6000;


$(function()
{
	initMarquee();
});

function initMarquee()
{
   marqueeLoadTimer = setTimeout('rotateMarquee();', marqueeTime);
}

function selectMarquee(index)
{
	var data = marqueeData[index];
	//alert("index="+index+" showingMarquee="+showingMarquee);
	if (data != null && index!=showingMarquee) 
	{

		//alert("move marquee from selected: "+selectedMarquee+ " to index: "+index + " showing: "+showingMarquee);

		selectedMarquee = index;
		
		$('#'+marqueeData[showingMarquee]).fadeOut('slow', function() {
		    $('#'+marqueeData[selectedMarquee]).fadeIn('slow');
		});

		showingMarquee = index;
	}
}

function resetMarqueeRotation()
{
	if (marqueeRotateTimer != null || stopTimer == true)
	{
		clearTimeout(marqueeRotateTimer);
	}

	if(!stopTimer)
		marqueeRotateTimer = setTimeout('rotateMarquee();',marqueeTime);

	else
		marqueeRotateTimer = setTimeout('restartTimer();',marqueeTime+2000); //loop until stopTimer is reset
}

function rotateMarquee()
{
	var id = selectedMarquee + 1;
	if (id >= marqueeData.length) id = 0;
	selectMarquee(id);
	if(!stopTimer) resetMarqueeRotation();
}

function restartTimer()
{
	stopTimer=false;
	resetMarqueeRotation();
}