// This is sample code that calls the hidePageElement function below [onclick="return hidePageElement(document.getElementById('m7'));"]
// where "m7" is the id of content on a page.

<!--
function showPageElement(what)
{
//    var pimaTab = document.getElementById('m2');
    var obj = typeof what == 'object'
        ? what : document.getElementById(what);

    obj.style.display = 'block';
    return false;
}

function hidePageElement(what)
{
    var obj = typeof what == 'object'
	    ? what : document.getElementById(what);
	var homeTab = document.getElementById('m1');			

    obj.style.display = 'none';
	homeTab.style.display = 'block';
    return true;
}

function togglePageElementVisibility(what)
{
    var obj = typeof what == 'object'
        ? what : document.getElementById(what);

    if (obj.style.display == 'none')
        obj.style.display = 'block';
    else
        obj.style.display = 'none';
    return false;
}

// The swithMenu function to be used with new county template site specific menus ie. "/includes/sitetabs.inc" (bos/dist1, bos/dist4, oemhs)
// sitetabs.inc id of "m1" to be set to the Home tab ie.  <li id="m1" style="display: none"><a href="index.shtml" title="Home"><span>Home</span></a></li>
// and id "m2" to be set the pima.gov tab ie. <li id="m2"><a href="/index.html" title="Pima" ><span>Pima.gov</span></a></li>
// 

function switchMenu(obj) {
    var el = document.getElementById(obj);
	var PimaTab = document.getElementById('m2');
	var homeTab = document.getElementById('m1');

    if (obj == 'm2'){
		PimaTab.style.display = 'none';
		var homeTab = document.getElementById('m1')
		homeTab.style.display = '';
	}
    if (obj == 'm1'){
		homeTab.style.display = 'none';
		var PimaTab = document.getElementById('m2')
		PimaTab.style.display = '';
	}
    if (obj == 'SubTab2'){
		SubTab2.style.display = '';		
		SubTab1.style.display = 'none'; //Sub Menu in sitetabs.inc Home Tab
	}
	
/*	
	else {
		PimaTab.style.display = '';
		homeTab.style.display = 'none';		
	}
*/	
    return false;
}

function switchTabs(obj) {
    var el = document.getElementById(obj);
	var mainTabs = document.getElementById('mainTabs');
	var subTabs = document.getElementById('subTabs');

    if (obj == 'subTabs'){
		mainTabs.style.display = 'none';
		subTabs.style.display = '';
	}
	else {
		mainTabs.style.display = '';
		subTabs.style.display = 'none';		
	}
    return false;
}

function changeClass(what){
    var objChange = typeof what == 'object'
        ? what : document.getElementById(what);
	
/*     objChange.setAttribute('class', 'myClass');*/
     objChange.setAttribute("class", "current");
     objChange.setAttribute("className", "current");
}

//-->