function hoverTab(tabData){
		tabData.style.backgroundPosition = "left top";
	}
	
	function outTab(tabData){
		tabData.style.backgroundPosition = "left top";
	}
	
	function executeTab(tabData){
		tabData.className = "tabactive";
		tabData.onmouseover=function(){};
		tabData.onmouseout=function(){};
	}
	
	function showTabData(idForDisplay){
		var tabLodging = document.getElementById('tab-lodging'); 
		var tabRecreation = document.getElementById('tab-recreation');
		var tabRetail = document.getElementById('tab-retail');
		var tabRestaurants = document.getElementById('tab-restaurants');		
		var tabServices = document.getElementById('tab-services');
		
		var lodgingtab = document.getElementById('lodgingtab');
		var recreationtab = document.getElementById('recreationtab');
		var retailtab = document.getElementById('retailtab');
		var restaurantstab = document.getElementById('restaurantstab');		
		var servicestab = document.getElementById('servicestab');
		
		tabLodging.style.display = "none";
		tabRecreation.style.display = "none";
		tabRetail.style.display = "none";		
		tabRestaurants.style.display = "none";
		tabServices.style.display = "none";
		 
		lodgingtab.className = "";
		recreationtab.className = "";
		retailtab.className = "";
		restaurantstab.className = "";
		servicestab.className = "";
		
		lodgingtab.onmouseover=function(){hoverTab(this);}
		recreationtab.onmouseover=function(){hoverTab(this);}
		retailtab.onmouseover=function(){hoverTab(this);}		
		restaurantstab.onmouseover=function(){hoverTab(this);}
		servicestab.onmouseover=function(){hoverTab(this);}
		
		lodgingtab.onmouseout=function(){outTab(this);}
		recreationtab.onmouseout=function(){outTab(this);}
		restaurantstab.onmouseout=function(){outTab(this);}
		retailtab.onmouseout=function(){outTab(this);}		
		servicestab.onmouseout=function(){outTab(this);}
		
		if (idForDisplay == "lodging"){	
			tabLodging.style.display = "block";
			executeTab(lodgingtab);
			//hide the others
		}			
		else if(idForDisplay == "recreation"){
			tabRecreation.style.display = "block";
			executeTab(recreationtab);			
		}
		else if(idForDisplay == "restaurants"){
			tabRestaurants.style.display = "block";
			executeTab(restaurantstab);
		}
		else if(idForDisplay == "retail"){
			tabRetail.style.display = "block";
			executeTab(retailtab);
		}else if(idForDisplay == "services"){
			tabServices.style.display = "block";
			executeTab(servicestab);
		}
		
 	}
	
	
	/*function showHidden(){
		var hidden = document.getElementById('hiding');
		if (hidden.style.display = "block";){	
			hidden.style.display = "none";
		}else{
			hidden.style.display = "block";
		}
	}*/