if (document.layers || document.all || document.getElementById) canDoLayers=true;
		else canDoLayers=false;

	// hide and show layer functions for IE, NN4 and NN6
	function hideLayer(layerName) {
		if (canDoLayers) {
			if (document.layers) document.layers[layerName].visibility = 'hidden';
			else if (document.all) document.all[layerName].style.visibility = 'hidden';
			else if (document.getElementById) document.getElementById(layerName).style.visibility = 'hidden';
			activeHeaderMenu="";
		}
	}
	
	function showLayer(layerName) {
		if (canDoLayers) {
			if (document.layers) document.layers[layerName].visibility = 'visible'; 
			else if (document.all) document.all[layerName].style.visibility = 'visible';
			else if (document.getElementById) document.getElementById(layerName).style.visibility = 'visible';
			activeHeaderMenu=layerName;
		}
	}

	//***customize this***
	//this is where you set up the popup layers, adjust the coordinates as well
	if (canDoLayers) {
		//layers for non-netscape browsers
		if (document.all || document.getElementById) {
			document.writeln('<div id="layer1" style="position:absolute; left:15; top:139; width:124; height:150; visibility:hidden; cursor:hand;" onmouseover="headerMenuMouseover(\'layer1\')" onmouseout="headerMenuMouseout(\'layer1\')" onclick="headerMenuMouseover(\'layer1\')">Put in your html for the conten tfor layer 1 here.</div>');
			document.writeln('<div id="layer2" style="position:absolute; left:0; top:26; width:124; height:150; visibility:hidden; cursor:hand;" onmouseover="headerMenuMouseover(\'layer2\')" onmouseout="headerMenuMouseout(\'layer2\')" onclick="headerMenuMouseover(\'layer2\')"><a href="client_list.html"><img src="images/main_nav_client_list.gif" alt="" width="740" height="17" border="0"></a></div>');
		//layers for netscape browsers
		} else if (document.layers) {
			document.writeln('<layer left="15" top="139" width="124" height="150" visibility="hidden" id="issues" onmouseover="headerMenuMouseover(\'layer1\')" onmouseout="headerMenuMouseout(\'layer1\')">Put in your html for the content for layer 1 here.</layer>');
			document.writeln('<layer left="0" top="26" width="124" height="150" visibility="hidden" id="aboutus" onmouseover="headerMenuMouseover(\'layer2\')" onmouseout="headerMenuMouseout(\'layer2\')"><a href="stuff"><a href="client_list.html"><img src="images/main_nav_client_list.gif" alt="" width="740" height="15" border="0"></a></layer>');
		}
	} 

	var menuTimeout;
	var activeHeaderMenu;
	
	//***customize this - if  you have more than 2 layers - add more cases for extra layers***
	//for head
	function headerMenuMouseover(whichLayer) {
		if (canDoLayers) {
			switch (whichLayer) {
				case "layer1":
					//this is your roll over image code
					//swapimg('navissues','nav_'+currSection+'_1_ro.gif');
					if (activeHeaderMenu=='layer1')
						window.clearTimeout(menuTimeout);
					else {  
						window.clearTimeout(menuTimeout);
						hideLayer("layer1");
					}
					//hide ALL the rest of the layers, add as much as you want
					hideLayer("layer2");
					showLayer("layer1");
					activeHeaderMenu='layer1';
					functionDelay=true;
					break;
				case "layer2":
					if (activeHeaderMenu=='layer2')
						window.clearTimeout(menuTimeout);
					else {  
						window.clearTimeout(menuTimeout);
						hideLayer("layer2");
					}
					
					hideLayer("layer1");
					showLayer("layer2");
					activeHeaderMenu='layer2';
					functionDelay=true;
					break;

			}
		}
	}
	
	//***customize this - if  you have more than 2 layers - add more cases for extra layers***
	//for hiding the menu automatically after a certain period
	function headerMenuMouseout(whichLayer) {
		if (canDoLayers) {
			switch (whichLayer) {
				case "layer1":
					menuTimeout=window.setTimeout("hideLayer('layer1')", 500);
					break;
				case "layer2":
					menuTimeout=window.setTimeout("hideLayer('layer2')", 500);
					break;
			}
		}
	}