/****************************************************************
 *	
 * Shows selected tab and hides all others.
 * Usage: <a href="#" id="tab1" onclick="javascript:showTab('tab1');">link</a>
 *
 ***************************************************************/
lastTab = 'webdesign';

function showTab(tab){
	//change selected tab style
	document.getElementById(lastTab).className = '';
	document.getElementById(tab).className = 'active';
	
	//change content
	document.getElementById(lastTab+'Content').style.display = 'none';
	document.getElementById(tab+'Content').style.display = '';
	lastTab = tab;
}


/****************************************************************
 *	
 * Selects desired tab on load.
 * Usage: <body onload="selectTab()">
 *
 ***************************************************************/
function selectTab() { 
	  url=document.location.href;
	  start=url.indexOf("#");
	  if(start!=-1){
	  	tabName=url.substring(start+1, url.length);
	  	showTab(tabName);
	  }
} 

    