var spService;
var lastTab="manual";
var params;

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

Spry.Utils.addLoadListener(function()
{
	// Show the sliding panels tab buttons.
	Spry.$$(".slidingTabPanelWrapper").setStyle("display: block");
	Spry.$$("#manual, #flyer, #spec, #info").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");

    // Evaluate URL params
    params = Spry.Utils.getLocationParamsAsObject();
    spService = new Spry.Widget.SlidingPanels('slidingPanel', { defaultPanel: params.tabID });
	if (params.tabID == 0)
  	  switchTab("manual");
	else if (params.tabID == 1)
  	  switchTab("flyer");
	else if (params.tabID == 2)
  	  switchTab("spec");
	else if (params.tabID == 3)
  	  switchTab("info");
});