if (document.all) {n=0;iee=1;ns6=0;fShow="visible";fHide="hidden";}//iee
else if (document.getElementById){n=0;iee=0;ns6=1;fShow="";fHide="hidden";}//ns6
else if (document.layers) {n=1;iee=0;ns6=0;fShow="show";fHide="hide";}//ns4
ie=0;
//if (document.all)    {n=0;iee=1;ns6=0;fShow="visible";fHide="hidden";}
//if (document.getElementById&&!document.all)    {n=0;iee=0;ns6=1;fShow="visible";fHide="hidden";}
//if (document.layers) {n=1;iee=0;ns6=0;fShow="show";fHide="hide";}

//Top Nav bar script v2.1- http://www.dynamicdrive.com/dynamicindex1/sm/index.htm
moz=0
opr6=navigator.userAgent.indexOf("Opera")!=-1
if (navigator.userAgent.indexOf("Mozilla")!=-1)moz=1
if (navigator.userAgent.indexOf("FireFox")!=-1)moz=1

window.onerror=new Function("return true")
////////////////////////////////////////////////////////////////////////////
// Function Menu()                                                        //
////////////////////////////////////////////////////////////////////////////
rightX = 0;
function Menu()
{
	this.bgColor     = menucolor;
	this.mnColor 	 = mncolor;
	if (iee) this.menuFont = "bold 13px arial"; //default font settings. Don't change. Instead, modify stylesheet in sample.htm
	if (n)  this.menuFont = "bold 13px arial";
	if (moz)  this.menuFont = "bold 13px arial";
	
	//this.fontColor   = "black";
	this.fontColor   = "white";

	this.addItem    = addItem;
	this.addSubItem = addSubItem;
	this.showMenu   = showMenu;
	this.mainPaneBorder = 0;
	this.subMenuPaneBorder = 0;

	this.subMenuPaneWidth = submenuwidth;

	lastMenu = null;
	
	//rightY = 0;
	//leftY = 0;
	//leftX = 0;

	HTMLstr = "";
	//HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
	//HTMLstr += "\n";
	if (iee||ns6||n) {HTMLstr ="<!-- MENU PANE DECLARATION BEGINS -->\n" + "\n"+ "<div id='MainTable' style='font:arial; position:relative;  top: 80px;'>\n";}
	if (moz) {HTMLstr ="<!-- MENU PANE DECLARATION BEGINS -->\n" + "\n"+ "<div id='MainTable' style='font:arial; position:relative; left:0; top: 0px;'>\n";}

	//else
	//if (ns6) {HTMLstr += "<div id='MainTable' style='position:relative;top:80px; left:0; '>\n";}
	if (opr6) {HTMLstr ="<!-- MENU PANE DECLARATION BEGINS -->\n" + "\n"+ "<div id='MainTable' style='font:arial; position:relative;top:0px; left:0;'>\n";}
//	if (moz) {HTMLstr += "<div id='MainTable' style='position:absolute;top:-80px; left:0; '>\n";}
	
//	if (n)  HTMLstr += "<layer name='MainTable'>\n";
//	HTMLstr += "<table width='100%' bgcolor='"+this.mnColor+"' border='"+this.mainPaneBorder+"'>\n";
	HTMLstr += "<table width='100%' bgcolor='"+this.mnColor+"' border='"+this.mainPaneBorder+"'>\n";
	HTMLstr += "<tr>";
	if (n) HTMLstr += "<td>&nbsp;";
	HTMLstr += "<!-- MAIN MENU STARTS -->\n";
	HTMLstr += "<!-- MAIN_MENU -->\n";
	HTMLstr += "<!-- MAIN MENU ENDS -->\n";
	if (n) HTMLstr += "</td>";
	HTMLstr += "</tr>\n";
	HTMLstr += "</table>\n";
	HTMLstr += "\n";
	HTMLstr += "<!-- SUB MENU STARTS -->\n";
	HTMLstr += "<!-- SUB_MENU -->\n";
	HTMLstr += "<!-- SUB MENU ENDS -->\n";
	HTMLstr += "\n";
//	if (iee||ns6) 
	HTMLstr+= "</div>\n";
//	if (n)  HTMLstr+= "</layer>\n";
	HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->\n";
}

function addItem(idItem, text, hint, location, altLocation)
{
	var Lookup = "<!-- ITEM "+idItem+" -->";
	if (HTMLstr.indexOf(Lookup) != -1)
	{
		alert(idParent + " already exist");
		return;
	}
	var MENUitem = "";
	MENUitem += "\n<!-- ITEM "+idItem+" -->\n";
	if (n)
	{
		MENUitem += "<ilayer name="+idItem+">";
		MENUitem += "<a href='.' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
		MENUitem += "|&nbsp;";
		MENUitem += text;
		MENUitem += "</a>";
		MENUitem += "</ilayer>";
	}
	//if (iee||ns6)
	else
	{
		MENUitem += "<td>\n";
		MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n"; //relative
		MENUitem += "<a ";
		if (iee) MENUitem += "class=clsMenuItemIE ";
		if (ns6) MENUitem += "class=clsMenuItemNS6 ";
		
//		MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' ";
		if (hint != null)
			MENUitem += "title='"+hint+"' ";
		if (location != null)
		{
			MENUitem += "href='"+location+"' ";
			MENUitem += "onmouseover=\"hideAll()\" ";
		}
		else
		{
			if (altLocation != null)
				MENUitem += "href='"+altLocation+"' ";
			else
				MENUitem += "href='.' ";
			MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" ";
			MENUitem += "onclick=\"return false;\" "
		}
		MENUitem += ">";
		MENUitem += "|&nbsp;\n";
		MENUitem += text;
		MENUitem += "</a>\n";
		MENUitem += "</div>\n";
		MENUitem += "</td>\n";
	}
	MENUitem += "<!-- END OF ITEM "+idItem+" -->\n\n";
	MENUitem += "<!-- MAIN_MENU -->\n";

	HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->\n", MENUitem);
}

function addSubItem(idParent, text, hint, location, linktarget)
{
	var MENUitem = "";
	Lookup = "<!-- ITEM "+idParent+" -->";
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		alert(idParent + " not found");
		return;
	}
	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		if (n)
		{
			MENUitem += "\n";
			MENUitem += "<layer id='"+idParent+"submenu' style='position:absolute; visibility=hide bgcolor='"+this.bgColor+"'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</layer>\n";
			MENUitem += "\n";
		}
		//if (iee||ns6)
		else
		{
			MENUitem += "\n";
			MENUitem += "<div id='"+idParent+"submenu'  style='position:absolute; visibility: hidden; z-index:100; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</div>\n";
			MENUitem += "\n";
		}
		MENUitem += "<!-- SUB_MENU -->\n";
		HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->\n", MENUitem);
	}

	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
	if (n)  MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a><br></td></tr>\n";
	//if (iee||ns6) 
	else if(iee) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a><br></td></tr>\n";
	 if(ns6) MENUitem = "<tr><td><a class=clsMenuItemNS6 title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a><br></td></tr>\n";
	MENUitem += Lookup;
	HTMLstr = HTMLstr.replace(Lookup, MENUitem);

}

function showMenu()
{
	document.writeln(HTMLstr);
}

////////////////////////////////////////////////////////////////////////////
// Private declaration
function displaySubMenu(idMainMenu)
{
	var menu;
	var submenu;
	if (n){
		submenu = document.layers[idMainMenu+"submenu"];
		if (lastMenu != null && lastMenu != submenu) hideAll();
		submenu.left = document.layers[idMainMenu].pageX;
		submenu.top  = document.layers[idMainMenu].pageY + document.layers[idMainMenu].clip.height;
		submenu.visibility = fShow;
		submenu.zIndex=10;
		leftX  = document.layers[idMainMenu+"submenu"].left;
		rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;
		leftY  = document.layers[idMainMenu+"submenu"].top+document.layers[idMainMenu+"submenu"].clip.height;
	} 
	else if (ns6) {

	menu = document.getElementById(idMainMenu);
		submenu = document.getElementById(idMainMenu+"submenu");
		if (lastMenu != null && lastMenu != submenu) hideAll();
		submenu.style.left = calculateSumOffset(menu, 'offsetLeft');
		submenu.style.top  = document.getElementById(idMainMenu).offsetHeight + 4;
		submenu.style.visibility = fShow;
		submenu.zIndex=10;
		leftX  = calculateSumOffset(menu, 'offsetLeft');
		rightX =leftX + document.getElementById(idMainMenu+"submenu").offsetWidth;
		leftY  = document.getElementById(idMainMenu+"submenu").offsetHeight + window.pageYOffset + 4;

	} else if (iee) { 
		menu = eval(idMainMenu);
		submenu = eval(idMainMenu+"submenu.style");
		if (lastMenu != null && lastMenu != submenu) hideAll();
		submenu.left = calculateSumOffset(menu, 'offsetLeft');
		submenu.top  = document.all[idMainMenu].offsetHeight + 4;
		submenu.visibility = fShow;
		submenu.zIndex=10;
		leftX  = document.all[idMainMenu+"submenu"].style.posLeft;
		rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;
		leftY  = document.all[idMainMenu+"submenu"].style.posTop+document.all[idMainMenu+"submenu"].offsetHeight + 4;
	}
	else
	{
		submenu = document.layers[idMainMenu+"submenu"];
		if (lastMenu != null && lastMenu != submenu) hideAll();
		submenu.left = 50+document.layers[idMainMenu].pageX;
		submenu.top  = document.layers[idMainMenu].pageY + document.layers[idMainMenu].clip.height;
		submenu.visibility = fShow;
		submenu.zIndex=10;
		leftX  = 50+document.layers[idMainMenu+"submenu"].left;
		rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;
		leftY  = document.layers[idMainMenu+"submenu"].top+document.layers[idMainMenu+"submenu"].clip.height;
	} 
	lastMenu = submenu;
}

//hide the submenu
function hideAll(){
	if (ns6){
		if (lastMenu != null) 
		{lastMenu.style.visibility = fHide;}
	}else{
	if (lastMenu != null) 
		{lastMenu.visibility = fHide;}
	}
}

function calculateSumOffset(idItem, offsetName)
{
	var totalOffset = 0;
	var item = eval('idItem');
	do
	{
		totalOffset += eval('item.'+offsetName);
		item = eval('item.offsetParent');
	} while (item != null);
	return totalOffset;
}

//close menu on mouse out of menu containor
function updateIt(e){
	if (ns6){
		var x = e.pageX;
		var y = e.pageY;
		if (x > rightX || x < leftX) hideAll();
	else if (y > leftY) hideAll();
	}
	 else if (iee){
		var x = window.event.clientX;
		var y = window.event.clientY;
	if (x > rightX || x < leftX) hideAll();
	else if (y > leftY) hideAll();
	}
	else if (n){
		var x = e.pageX;
		var y = e.pageY;
	if (x > rightX || x < leftX) hideAll();
		else if (y > leftY) hideAll();
	}
	}

//set page to hide menus on a mouse click or on mouseout of menu containor
	if (ns6)
	{
		document.body.onclick=hideAll;
//		document.body.onmousemove=updateIt;
	}
	else if (iee)
	{
		document.body.onclick=hideAll;
//		document.body.onscroll=hideAll;
		document.body.onscroll=updateIt;
//		document.body.onmousemove=updateIt;
		
	}
	else if (n)
	{
		document.onmousedown=hideAll;
		window.captureEvents(Event.MOUSEMOVE);
		window.onmousemove=updateIt;
	}