var sp2;
var sp1;
var quotes;
var lastTab="1";
var params = Spry.Utils.getLocationParamsAsObject();

function switchTab(tab)
{
	if (tab!=lastTab )
	{
		document.getElementById(tab).className=("tabActive");
		document.getElementById(lastTab).className=("tab");
		//sp2.showPanel(tab+"Panel");
		sp1.showPanel(tab+"p");
		lastTab=tab;
		
	}
}

function hide_loading(){
	document.getElementById("loading").className=("hideLoading");
	Spry.Effect.DoFade(nextEle, { to: 100, finish: function(){ setTimeout(function(){ hide_loading(); }, hide_loading.interval); } });
}

function fadeInNextQuote()
{
	if (!quotes || quotes.length < 1)
		return;

	var curEle;

	if (typeof quotes.curIndex == "undefined")
		quotes.curIndex = quotes.length - 1;
	else
		curEle = quotes[quotes.curIndex];

	quotes.curIndex = (quotes.curIndex+1)%quotes.length;
	var nextEle = quotes[quotes.curIndex];

	if (curEle)
		Spry.Effect.DoFade(curEle, { from: 100, to: 0 });
	Spry.Effect.DoFade(nextEle, { to: 100, finish: function(){ setTimeout(function(){ fadeInNextQuote(); }, fadeInNextQuote.interval); } });
}

fadeInNextQuote.interval = 6000;
hide_loading.interval = 3000;

Spry.Utils.addLoadListener(function()
{
	// Show the sliding panels tab buttons.

	Spry.$$(".slidingTabPanelWrapper").setStyle("display: block");
	Spry.$$("#1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #16, #17, #18, #19, #20, #21, #22, #23, #24, #25, #26, #27, #28, #29, #30, #31, #32").addEventListener("click", function(){ switchTab(this.id); return false; }, false);

	// Turn the slidingPanel region into a real sliding panel widget.

	Spry.$$("#products").addClassName("SlidingPanels").setAttribute("tabindex", "0");
	Spry.$$("#products > div").addClassName("SlidingPanelsContentGroup");
	Spry.$$("#products .SlidingPanelsContentGroup > div").addClassName("SlidingPanelsContent");
	//sp2 = new Spry.Widget.SlidingPanels('slidingPanel');
	
	sp1 = new Spry.Widget.SlidingPanels("products", { enableAnimation: false }, {defaultPanel:(params.p ? params.p : 1+"p")}); 
	switchTab(params.t ? params.t : 1); 
	// Find the quoteBox and setup any quotes inside it for fading. height: 260px;

	Spry.$$(".quoteBox").setStyle("position: relative; ");
	quotes = Spry.$$(".quote").setStyle("position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0);");
	fadeInNextQuote();
	hide_loading();

});