function getFpTab(i){ //returns an a-link in the tab
	return $('fp_slide').getElementsByTagName('a')[i]
}

var myHorizontalSlide;
var ContentLoaded = Array(false,false,false);
var ContentFrom = Array("fp_slide_stores.asp","fp_slide_recipes.asp","fp_slide_ingredients.asp");
var ButtonClasses = Array("fp_store","fp_recipe","fp_ingredient","fp_play");
var nextSlide = 2;
var isrunning = false;
var oTimeOut;

function initChange()
{
	myHorizontalSlide = new Fx.Slide('fp_slide_content', {mode: 'horizontal'});
	resume();
}

function pause()
{
	clearTimeout(oTimeOut);
	isrunning = false;
	
	a = getFpTab(3);
	a.className = "gBtn fp_pause";

}

function resume()
{
	oTimeOut = setTimeout("loadSlide();",10000);
	isrunning = true;
	
	a = getFpTab(3);
	a.className = "gBtn fp_play";
}

function loadSlide()
{
	if(!ContentLoaded[nextSlide-1])
	{
		new Ajax("dev_homepage_0708/"+ContentFrom[nextSlide-1], {method: "get", update: $("s"+nextSlide), onComplete: showSlide}).request();
		ContentLoaded[nextSlide-1] = true;
	}
	else
		showSlide();
}	

function showSlide()
{
	highlightButton(nextSlide);

	myHorizontalSlide.hide();
	$('fp_slide_content').innerHTML = $('s'+nextSlide).innerHTML;
	myHorizontalSlide.slideIn();
	
	//and que for the next pass
	if(isrunning)
		resume();
	
	nextSlide += 1;
	if(nextSlide > 3)
		nextSlide = 1;
}

function highlightButton(selected)
{
	var i;
	for(i = 0; i < 3; i++)
	{
		a = getFpTab(i);
		if(i+1 == selected)
		{
			a.className = "gBtn "+ButtonClasses[i]+"_selected";
		}
		else
			a.className = "gBtn "+ButtonClasses[i];
			
	}
}

function pause_clicked()
{
	if(isrunning)
		pause();
	else
	{
		loadSlide();
		resume();
	}
}

function slide_clicked(i)
{
	nextSlide = i;
	pause();
	
	loadSlide();
}