var sSelectedTab = 'tab1';

window.onload = function() {
	// Setup Events
	try {
	document.getElementById('tab1').onclick = new Function('return false;');
	document.getElementById('tab2').onclick = new Function('return false;');
	document.getElementById('tab3').onclick = new Function('return false;');
	document.getElementById('tab4').onclick = new Function('return false;');
	
	document.getElementById('tab1').onmouseover = new Function('showTabContent("tab1"); return false;');
	document.getElementById('tab2').onmouseover = new Function('showTabContent("tab2"); return false;');
	document.getElementById('tab3').onmouseover = new Function('showTabContent("tab3"); return false;');
	document.getElementById('tab4').onmouseover = new Function('showTabContent("tab4"); return false;');
	
	/*document.getElementById('tab1').onmouseout = new Function('showSelectedTab("tab1"); return false;');
	document.getElementById('tab2').onmouseout = new Function('showSelectedTab("tab2"); return false;');
	document.getElementById('tab3').onmouseout = new Function('showSelectedTab("tab3"); return false;');
	document.getElementById('tab4').onmouseout = new Function('showSelectedTab("tab4"); return false;');*/
	} catch (e)
	{
	    // do nothing!
	}
}


function selectTabContent(sTabId) {
	sSelectedTab = sTabId;
	hideAllTabsContent();
	document.getElementById(sTabId+'-content').style.display = 'block';
	document.getElementById(sTabId).className = 'selected';
	hideAllTabs();
	return false;
}

function showTabContent(sTabId) {
	sSelectedTab = sTabId;
	hideAllTabsContent();
	document.getElementById(sTabId+'-content').style.display = 'block';
	document.getElementById(sTabId).className = 'selected';
	hideAllTabs();
	return false;
}


function showSelectedTab(sTabId) {
	hideAllTabsContent();
	document.getElementById(sSelectedTab+'-content').style.display = 'block';
	return false;
}

function hideAllTabsContent() {
	document.getElementById('tab1-content').style.display = 'none';
	document.getElementById('tab2-content').style.display = 'none';
	document.getElementById('tab3-content').style.display = 'none';
	document.getElementById('tab4-content').style.display = 'none';
}

function hideAllTabs() {
	document.getElementById('tab1').className = '';
	document.getElementById('tab2').className = '';
	document.getElementById('tab3').className = '';
	document.getElementById('tab4').className = '';
	document.getElementById(sSelectedTab).className = 'selected';
}