var sp2;
var lastTab="p1"; // p1 is actually the fist tab BL


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

////////////////////////////////////////////////////////////////
//  											QUOTES															//
////////////////////////////////////////////////////////////////
var quotes;

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 = 9750;

////////////////////////////////////////////////////////////////
//  												IMAGES														//
////////////////////////////////////////////////////////////////
var images;


function fadeInNextImage()
{
	if (!images || images.length < 1)
		return;

	var curEle;

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

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

	if (curEle)
		Spry.Effect.DoFade(curEle, { from: 100, to: 0, duration: 3000});  // Added duration & fps     , duration: 1500, fps: 60       (SEE: http://labs.adobe.com/technologies/spry/samples/effects/transition_sample.html)
	Spry.Effect.DoFade(nextEle, { to: 100, duration: 3000, finish: function(){ setTimeout(function(){ fadeInNextImage(); }, fadeInNextImage.interval); } });  // Added duration & fps
}

fadeInNextImage.interval = 7500;

////////////////////////////////////////////////////////////////
//  									TABS, QUOTES & IMAGES										//
////////////////////////////////////////////////////////////////
Spry.Utils.addLoadListener(function()
{
	// Show the sliding panels tab buttons.

	Spry.$$(".slidingTabPanelWrapper").setStyle("display: block");
	Spry.$$("#p7, #p6, #p5, #p4, #p3, #p2, #p1").addEventListener("click", function(){ switchTab(this.id); return false; }, false);
		/* BL */ Spry.$$(".events-link").addEventListener("click", function(){ switchTab("p2"); return false; }, false);
		/* BL */ Spry.$$(".booking-link").addEventListener("click", function(){ switchTab("p4"); return false; }, false);
		/* BL */ Spry.$$(".contact-link").addEventListener("click", function(){ switchTab("p7"); return false; }, false);
		/* BL */ Spry.$$("#p7, #p6, #p5, #p4, #p3, #p2").addEventListener("click", function(){ Spry.Utils.removeClassName('p1','tabActive'); 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.$$(".quoteBox").setStyle("position: relative;	height: 350px; "); // previously  position: relative; height: 190px; 
	quotes = Spry.$$(".quote").setStyle("position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0);");
	fadeInNextQuote();
	
	// Find the imageBox and setup any quotes inside it for fading.
	Spry.$$(".imageBox").setStyle("position: relative; 	height: 350px; "); // previously  position: relative;height: 190px; 
	images = Spry.$$(".image").setStyle("position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0);");
	fadeInNextImage();	
});