var sp2;
var sp3;
var quotes;
//var lastTab="rock";

//function switchTab(tab)
//{
//	if (tab!=lastTab)
//	{
//		document.getElementById(tab).className=("tabActive");
//		document.getElementById(lastTab).className=("tab");
//		sp2.showPanel(tab+"Panel");
//		lastTab=tab;
//	}
//}
var lastTab2="blues";
function switchTab2(tab2)
{
	if (tab2!=lastTab2)
	{
		document.getElementById(tab2).className=("tabActive2");
		document.getElementById(lastTab2).className=("tab2");
		sp3.showPanel(tab2+"Panel");
		lastTab2=tab2;
	}
}
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 artist tab buttons.

	Spry.$$(".slidingTabPanelWrapper").setStyle("display: block");
	//Spry.$$("#rock, #pop, #hiphop, #country, #latin, #dance").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');


	// Show the sliding panels playlist tab buttons.

	Spry.$$(".slidingTabPanelWrapper2").setStyle("display: block");
	Spry.$$("#blues, #jazz, #mellow, #workout, #moods, #wow").addEventListener("click", function(){ switchTab2(this.id); return false; }, false);

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

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




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

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