function getBrowserInfo(){
	browserInfo=getBrowser();
	browserName=browserInfo[0];
	browserVersion=browserInfo[1];
}

function pageInit() {
	getBrowserInfo();
	leftLocationVisibility=document.getElementById("locationInfoContainer1");
	leftLocationVisibility.style.visibility="visible";
}

addLoadEvent(pageInit);

function addLoadEvent(func){
	var oldonload=window.onload;
	if(typeof window.onload!='function'){
		window.onload=func;
	}else{
		window.onload=function(){
			oldonload();
			func();
		}
	}
}







var tabArray=["aboutUsTab", "equipmentTab", "skinCareProductsTab", "sprayTanningTab", "locationAndHoursTab", "resources"];
var gEffectInProgress = null;
var gEffectOutProgress = null;

function onClickButton(buttonId,tabId){
	var curTab=TabbedPanels1.getCurrentTabIndex();
	//alert("buttonId: "+buttonId+", curTab: "+curTab+", browserName: "+browserName);
	//alert("leftLocationVisibility: "+leftLocationVisibility.style.visibility);
	if(buttonId!=curTab){
		if(browserName=="msie"){
			TabbedPanels1.showPanel(buttonId);
		}else{
			fadeOutContent(buttonId, tabId, curTab);
		}
		//alert("tab id= "+tabId+", "+curTab+", "+buttonID);
		if(leftLocationVisibility.style.visibility !="visible"){
			leftLocationVisibility.style.visibility="visible";	
		}
		if(buttonId == 4){
			//alert("CollapsiblePanel1.isOpen : "+CollapsiblePanel1.isOpen());
			
			if(CollapsiblePanel1.isOpen()){
				CollapsiblePanel1.close();
			}
			if(CollapsiblePanel2.isOpen()){
				CollapsiblePanel2.close();
			}
			if(leftLocationVisibility.style.visibility == "visible"){
				leftLocationVisibility.style.visibility="hidden";	
			}
		}
	}
}

function fadeOutContent(buttonId, tabId, currentTab){
	//alert("buttonId = "+buttonId);
	gEffectInProgress = new Spry.Effect.Fade(tabArray[currentTab], { to: 0, from: 100, duration: 500, finish: function() {
		TabbedPanels1.showPanel(buttonId);
		gEffectOutProgress = new Spry.Effect.Fade(tabArray[currentTab], { to: 100, from: 0, duration: 500});
		gEffectOutProgress.start();
		//alert("tabArray["+currentTab+"]= "+tabArray[currentTab]);
	}});
	gEffectInProgress.start();
	
	//alert("buttonId= "+buttonID+", tabId= "+tabId+", currentTab= "+tabArray[currentTab]);
}