//start of data
td_1 = "Home"
url_1 = "http://www.epicnet.biz/Default.aspx"
td_2 = "About Us"
url_2 = "http://www.epicnet.biz/Site_Pages/About.aspx"
td_3 = "Hardware & Service" 
td_3_1 = "Services"
td_3_2 = "Inventory"
td_3_3 = "Specials"
url_3 = "http://www.epicnet.biz/Default.aspx"
url_3_1 = "http://www.epicnet.biz/Site_Pages/Services.aspx"
url_3_2 = "http://www.epicnet.biz/Retail_Inventory/Inventory.aspx"
url_3_3 = "http://www.epicnet.biz/Site_Pages/Specials.aspx"
td_4 = "Website & Database"
td_4_1 = "Services"
td_4_2 = "Epicnet"
url_4 = "http://www.hrconsultingonline.net"
url_4_1 = "http://www.hrconsultingonline.net/services.aspx"
url_4_2 = "http://www.hrconsultingonline.net/epicnet.aspx"
td_5 = "Marketing System"
td_5_1 = "Marketing Application"
url_5 = "http://www.hrconsultingonline.net/marketing.aspx"
url_5_1 = "http://www.hrconsultingonline.net/phonelog/default.aspx"
td_6 = "Web Hosting"
td_6_1 = "Manage"
td_6_2 = "Account"
url_6 = "http://www.hrconsultingonlinehosting.com"
url_6_1 = "http://www.hrconsultingonlinehosting.com/home.php"
url_6_2 = "http://www.hrconsultingonlinehosting.com/account.php"

//end of data
var verticalMenu=false;	// true - the main menu runs vertically, false - horizontally
//	After change, modify same values in 1dynamicMenu.css file:
var tdColor="#000000";		// menu item text color
var tdBgColor="#C3C3C3";	// menu item background color
var hlColor="#000000";		// highlight text color
var hlBgColor="#C3C3C3";	// highlight background color
var myDelay=250;
var myTimeOutID=-1;
var myMenuData=new Object;
myMenuData=null;
function makeMenu(myTableDataItem){
	clearTimeout(myTimeOutID);
	myTableDataItem.style.backgroundColor=hlBgColor;
	myTableDataItem.style.color=hlColor;
	var i;
	var sMenuItem="";
	var tableDataArray=new Array();
	tableDataArray=myTableDataItem.id.split("_");
	if(myMenuData!=null){
		var menuItemsArray=new Array();
		menuItemsArray=myMenuData.id.split("_");
		for(i=1;i<menuItemsArray.length;i++){
			sMenuItem+="_"+menuItemsArray[i];
			if(menuItemsArray[i]!=tableDataArray[i]){
				document.getElementById("td"+sMenuItem).style.backgroundColor=tdBgColor;
				document.getElementById("td"+sMenuItem).style.color=tdColor;
				if(document.getElementById("tbl"+sMenuItem)!=null)
					document.getElementById("tbl"+sMenuItem).style.visibility="hidden";
			}
		}			
	}
	myMenuData=myTableDataItem;
	sMenuItem="tbl";
	for(i=1;i<tableDataArray.length;i++)
		sMenuItem+="_"+tableDataArray[i];
	if(document.getElementById(sMenuItem)!=null)
		document.getElementById(sMenuItem).style.visibility="visible";

}
function clearMenu(){
	if(myMenuData!=null){
		var menuItemsArray=new Array();
		menuItemsArray=myMenuData.id.split("_");
		var sMenuItem="";
		for(var i=1;i<menuItemsArray.length;i++){
			sMenuItem+="_"+menuItemsArray[i];
			document.getElementById("td"+sMenuItem).style.backgroundColor=tdBgColor;
			document.getElementById("td"+sMenuItem).style.color=tdColor;
			if(document.getElementById("tbl"+sMenuItem)!=null)
				document.getElementById("tbl"+sMenuItem).style.visibility="hidden";
		}
		myMenuData=null;			
	}
}
//go to page
function menuGo(theURL){
	location.href=theURL;
}

var tableArrayBuildItem="";
var sMenuItem="";
var myArray=new Array();
var tableArray=new Array();
function getItemPos(st){
	tableArray=st.split("_");
	if(tableArray.length>2){
		tableArray=tableArray.slice(0,-1);
		tableArrayBuildItem=tableArray.join("_");
		return (document.getElementById("tbl"+tableArrayBuildItem).offsetTop+document.getElementById("td"+st).offsetTop+4)+"px;left:"+
			(document.getElementById("tbl"+tableArrayBuildItem).offsetLeft+document.getElementById("td"+st).offsetWidth-2)+"px'>";
	}
	var p1=verticalMenu?document.getElementById("td"+st).offsetTop+4:document.getElementById("td"+st).offsetHeight-2;
	var p2=verticalMenu?document.getElementById("mainmenu").offsetWidth-4:document.getElementById("td"+st).offsetLeft+5;
	return (document.getElementById("mainmenu").offsetTop+p1)+"px;left:"+(document.getElementById("mainmenu").offsetLeft+p2)+"px'>";
}

if(document.getElementById){
var a1=verticalMenu?"":"<tr>";
var a2=verticalMenu?"":"</tr>";
var b1=verticalMenu?"<tr>":"";
var b2=verticalMenu?"</tr>":"";
var b3=verticalMenu?" style='float:left'>":">";
var sTableCode="<table class='menu' id='mainmenu' cellspacing='0'"+b3+a1;
var k=0;
var j=0;
while(eval("typeof(td_"+ ++j +")!='undefined'")){
	sTableCode+=b1+"<td id='td_"+j+"' onmouseover='makeMenu(this)' onmouseout=\"myTimeOutID=setTimeout('clearMenu()',myDelay)\"";
	sTableCode+=(eval("typeof(url_"+j+")!='undefined'"))?" onclick=\"menuGo('"+eval("url_"+j)+"')\">":">";
	sTableCode+=eval("td_"+j)+"</td>"+b2;
	if (eval("typeof(td_"+j+"_1)!='undefined'"))
		myArray[k++]="_"+j;
}
sTableCode+=a2+"</table>";
document.write(sTableCode);
for(var q=0;typeof(myArray[q])!="undefined";q++){
	sMenuItem=myArray[q];
	sTableCode="";
	j=0;
	sTableCode+="<table class='menu' id='tbl"+sMenuItem+"' cellspacing='0' style='top:"+getItemPos(sMenuItem);
	while(eval("typeof(td"+sMenuItem+"_"+ ++j +")!='undefined'")){
		sTableCode+="<tr><td id='td"+sMenuItem+"_"+j+"' onmouseover='makeMenu(this)' onmouseout=\"myTimeOutID=setTimeout('clearMenu()',myDelay)\"";
		sTableCode+=(eval("typeof(url"+sMenuItem+"_"+j+")!='undefined'"))?" onclick=\"menuGo('"+eval("url"+sMenuItem+"_"+j)+"')\">":">";
		sTableCode+=eval("td"+sMenuItem+"_"+j)+"</td></tr>";
		if (eval("typeof(td"+sMenuItem+"_"+j+"_1)!='undefined'"))
			myArray[k++]=sMenuItem+"_"+j;
	}
	sTableCode+="</table>";
	document.write(sTableCode);
}
document.getElementById("mainmenu").style.visibility="visible";
}
else document.write("<p>This code does not work in your browser because it isn't IE5 or Nav6 or better.</p>");