var quotes;

var sp2;
var lastTab = "Home";

var acc1;
var acc2;

function switchTab(tab)
{
	if ( tab != lastTab )
	{
		document.getElementById(tab).className=("TabActive");
		document.getElementById(lastTab).className=("Tab");
		sp2.showPanel(tab+"Panel");
		lastTab = tab;
	}
}

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;

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

	Spry.$$(".SlidingTabPanelWrapper").setStyle("display: block");
	Spry.$$("#Home, #Ilford, #Bushey").addEventListener("click", function(){ switchTab(this.id); return false; }, false);

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

	Spry.$$("#SlidingPanel").addClassName("SlidingPanels").setAttribute("tabindex", "0");
	Spry.$$("#SlidingPanel > div").addClassName("SlidingPanelsContentGroup");
	Spry.$$("#SlidingPanel .SlidingPanelsContentGroup > div").addClassName("SlidingPanelsContent");
	sp2 = new Spry.Widget.SlidingPanels('SlidingPanel');

	// Find the quoteBox and setup any quotes inside it for fading.

	Spry.$$(".InjuryBox").setStyle("position: relative; height: 180px;");
	quotes = Spry.$$(".Injury").setStyle("position: absolute; width: 388; top: 0px; opacity: 0; filter: alpha(opacity=0);");
	fadeInNextQuote();
	
	// Accordian stuff
	
	acc1 = new Spry.Widget.Accordion("Acc1", { useFixedPanelHeights: false, defaultPanel: -1, duration: 2000, fps: 25 });
	acc2 = new Spry.Widget.Accordion("Acc2", { useFixedPanelHeights: false, defaultPanel: -1, duration: 2000, fps: 25 });
	
});