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 showArea(chosenName){
		window.location.href = "index.html#" + document.subchosen + chosenName;
		//return false;
		//alert()
	}
	/*main tabs*/
	function showMainTabData(idForDisplay){
		var tabHome = document.getElementById('home'); 
		var tabAbout = document.getElementById('about');
		var tabCommunity = document.getElementById('community');
		var tabContact = document.getElementById('contact');
		
		var hometab = document.getElementById('home');
		var abouttab = document.getElementById('about');
		var communitytab = document.getElementById('community');
		var contacttab = document.getElementById('contact');
		
		tabHome.style.display = "none";
		tabAbout.style.display = "none";
		tabCommunity.style.display = "none";
		tabContact.style.display = "none";		
		
		hometab.className = "";
		abouttab.className = "";
		communitytab.className = "";
		contacttab.className = "";
		
		hometab.onmouseover=function(){hoverTab(this);}
		abouttab.onmouseover=function(){hoverTab(this);}
		communitytab.onmouseover=function(){hoverTab(this);}		
		contacttab.onmouseover=function(){hoverTab(this);}
		
		hometab.onmouseout=function(){outTab(this);}
		abouttab.onmouseout=function(){outTab(this);}
		communitytab.onmouseout=function(){outTab(this);}
		contacttab.onmouseout=function(){outTab(this);}
		
		if (idForDisplay == "home"){	
			tabHome.style.display = "block";
			executeTab(hometab);
			//hide the others
		}			
		else if(idForDisplay == "about"){
			tabAbout.style.display = "block";
			executeTab(abouttab);			
		}
		else if(idForDisplay == "community"){
			tabCommunity.style.display = "block";
			executeTab(communitytab);
		}
		else if(idForDisplay == "contact"){
			tabContact.style.display = "block";
			executeTab(contacttab);
		}
		
 	}
	function showSubTabData(idForDisplay,subchosen){
		var tabMain = document.getElementById('main'); 
		var tabSub = document.getElementById('sub');
				
		var maintab = document.getElementById('main');
		var subtab = document.getElementById('sub');
		
		tabMain.style.display = "none";
		tabSub.style.display = "none";
		
		maintab.className = "";
		subtab.className = "";
		
		maintab.onmouseover=function(){hoverTab(this);}
		subtab.onmouseover=function(){hoverTab(this);}
		
		maintab.onmouseout=function(){outTab(this);}
		subtab.onmouseout=function(){outTab(this);}
		
		if (idForDisplay == "main"){	
			tabMain.style.display = "block";
			executeTab(maintab);
			//hide the others
		}			
		else if(idForDisplay == "sub"){
			tabSub.style.display = "block";
			executeTab(subtab);			
		}
		
		//area's
		var tabAlma = document.getElementById('alma');
		var tabBaycity = document.getElementById('baycity');
		var tabCamplacupolis = document.getElementById('camplacupolis');
		var tabFountaincity = document.getElementById('fountaincity');
		var tabFrontenac = document.getElementById('frontenac');
		var tabKellogg = document.getElementById('kellogg');
		var tabLakecity = document.getElementById('lakecity');
		var tabMaidenrock = document.getElementById('maidenrock');
		var tabMinneiska = document.getElementById('minneiska');
		var tabNelson = document.getElementById('nelson');
		var tabPepin = document.getElementById('pepin');
		var tabPickwick = document.getElementById('pickwick');
		var tabPrescott = document.getElementById('prescott');
		var tabReadslanding = document.getElementById('readslanding');
		var tabRollingstone = document.getElementById('rollingstone');
		var tabRedwing = document.getElementById('redwing');
		var tabStockholm = document.getElementById('stockholm');
		var tabWabasha = document.getElementById('wabasha');
		var tabWinona = document.getElementById('winona');
		var tabOutside = document.getElementById('outside');


		var almatab = document.getElementById('alma');
		var baycitytab = document.getElementById('baycity');
		var camplacupolistab = document.getElementById('camplacupolis');
		var fountaincitytab = document.getElementById('fountaincity');
		var frontenactab = document.getElementById('frontenac');
		var kelloggtab = document.getElementById('kellogg');
		var lakecitytab = document.getElementById('lakecity');
		var maidenrocktab = document.getElementById('maidenrock');
		var minneiskatab = document.getElementById('minneiska');
		var nelsontab = document.getElementById('nelson');
		var pepintab = document.getElementById('pepin');
		var pickwicktab = document.getElementById('pickwick');
		var prescotttab = document.getElementById('prescott');
		var readslandingtab = document.getElementById('readslanding');
		var rollingstonetab = document.getElementById('rollingstone');
		var redwingtab = document.getElementById('redwing');
		var stockholmtab = document.getElementById('stockholm');
		var wabashatab = document.getElementById('wabasha');
		var winonatab = document.getElementById('winona');
		var outsidetab = document.getElementById('outside');
		
				
		tabAlma.style.display = "none";
		tabBaycity.style.display = "none";
		tabCamplacupolis.style.display = "none";
		tabFountaincity.style.display = "none";
		tabFrontenac.style.display = "none";
		tabKellogg.style.display = "none";
		tabLakecity.style.display = "none";
		tabMaidenrock.style.display = "none";
		tabMinneiska.style.display = "none";
		tabNelson.style.display = "none";
		tabPepin.style.display = "none";
		tabPickwick.style.display = "none";
		tabPrescott.style.display = "none";
		tabReadslanding.style.display = "none";
		tabRollingstone.style.display = "none";
		tabRedwing.style.display = "none";
		tabStockholm.style.display = "none";
		tabWabasha.style.display = "none";
		tabWinona.style.display = "none";		
		tabOutside.style.display = "none";
		
				
		almatab.className = "";
		baycitytab.className = "";
		camplacupolistab.className = "";
		fountaincitytab.className = "";
		frontenactab.className = "";
		kelloggtab.className = "";
		lakecitytab.className = "";
		maidenrocktab.className = "";
		minneiskatab.className = "";
		nelsontab.className = "";
		pepintab.className = "";
		pickwicktab.className = "";
		prescotttab.className = "";
		readslandingtab.className = "";
		rollingstonetab.className = "";
		redwingtab.className = "";
		stockholmtab.className = "";
		wabashatab.className = "";
		winonatab.className = "";
		outsidetab.className = "";
				
		/*almatab.onmouseover=function(){hoverTab(this);}
		baycitytab.onmouseover=function(){hoverTab(this);}
		camplacupolistab.onmouseover=function(){hoverTab(this);}
		
		almatab.onmouseover=function(){outTab(this);}
		baycitytab.onmouseover=function(){outTab(this);}
		camplacupolistab.onmouseover=function(){outTab(this);}*/
		
		
		//areas
		if(subchosen != undefined){
			document.subchosen = subchosen;
			if(subchosen == "alma"){
				tabAlma.style.display = "block";
				executeTab(almatab);
			}else if(subchosen == "baycity"){
				tabBaycity.style.display = "block";
				executeTab(baycitytab);
			}else if(subchosen == "camplacupolis"){
				tabCamplacupolis.style.display = "block";
				executeTab(camplacupolistab);
			}else if(subchosen == "fountaincity"){
				tabFountaincity.style.display = "block";
				executeTab(fountaincitytab);
			}else if(subchosen == "frontenac"){
				tabFrontenac.style.display = "block";
				executeTab(frontenactab);
			}else if(subchosen == "kellogg"){
				tabKellogg.style.display = "block";
				executeTab(kelloggtab);
			}else if(subchosen == "lakecity"){
				tabLakecity.style.display = "block";
				executeTab(lakecitytab);
			}else if(subchosen == "maidenrock"){
				tabMaidenrock.style.display = "block";
				executeTab(maidenrocktab);
			}else if(subchosen == "minneiska"){
				tabMinneiska.style.display = "block";
				executeTab(minneiskatab);
			}else if(subchosen == "nelson"){
				tabNelson.style.display = "block";
				executeTab(nelsontab);
			}else if(subchosen == "pepin"){
				tabPepin.style.display = "block";
				executeTab(pepintab);
			}else if(subchosen == "pickwick"){
				tabPickwick.style.display = "block";
				executeTab(pickwicktab);
			}else if(subchosen == "prescott"){
				tabPrescott.style.display = "block";
				executeTab(prescotttab);
			}else if(subchosen == "readslanding"){
				tabReadslanding.style.display = "block";
				executeTab(readslandingtab);
			}else if(subchosen == "rollingstone"){
				tabRollingstone.style.display = "block";
				executeTab(rollingstonetab);
			}else if(subchosen == "redwing"){
				tabRedwing.style.display = "block";
				executeTab(redwingtab);
			}else if(subchosen == "stockholm"){
				tabStockholm.style.display = "block";
				executeTab(stockholmtab);
			}else if(subchosen == "wabasha"){
				tabWabasha.style.display = "block";
				executeTab(wabashatab);
			}else if(subchosen == "winona"){
				tabWinona.style.display = "block";
				executeTab(winonatab);
			}else if(subchosen == "outside"){
				tabOutside.style.display = "block";
				executeTab(outsidetab);
			}
		}
		
 	}