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


opr6=ie&&navigator.userAgent.indexOf("Opera")!=-1

window.onerror=new Function("return true")
////////////////////////////////////////////////////////////////////////////
// Function Menu()                                                        //
////////////////////////////////////////////////////////////////////////////
rightX = 0;
function Menu()
{
	this.bgColor     = menucolor;
        this.bgColorb     = "#d3a87c";
        this.bgColorc     = "#cb9763";      
 
	if (ie) this.menuFont = "bold 12px Arial"; //default font settings. Don't change. Instead, modify stylesheet in sample.htm
	if (n)  this.menuFont = "bold 12px Verdana";
	this.fontColor   = "black";

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

	this.subMenuPaneWidth = submenuwidth;

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

	HTMLstr = "";
	HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
	HTMLstr += "\n";

        if (ie||ns6) HTMLstr += "<div id='MainTable' align='center' style='position:absolute;top:0;left:0;'>\n";
// BACKUP	if (ie||ns6) HTMLstr += "<div id='MainTable' style='position:absolute;top:0;left:0;'>\n";
////	if (n)  HTMLstr += "<layer name='MainTable'>\n";
	HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' 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 (ie||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;\">";
// | was on the next line.
		MENUitem += "|&nbsp;";
		MENUitem += text;
		MENUitem += "</a>";
		MENUitem += "</ilayer>";
	}
	if (ie||ns6)
	{
		MENUitem += "<td>\n";
		MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n";

// 2-3-04 Add red button to back of menu item.

////                MENUitem += "<img src='http://www.fire-science.com/grafx/menubutton1.gif'>"; 


		MENUitem += "<a ";
		MENUitem += "class=clsMenuItemIE ";
//		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 += ">";
// IE | was on the next line.
		MENUitem += "|&nbsp&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' visibility=hide bgcolor='"+this.bgColor+"'>\n";
   //                       MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
          

			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColorb+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</layer>\n";
			MENUitem += "\n";
		}
		if (ie||ns6)
		{
			MENUitem += "\n";
			MENUitem += "<div id='"+idParent+"submenu' onmouseout=operahide() style='position:absolute; visibility: hidden; z-index:100; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n";

			MENUitem += "<table border='"+this.subMenuPaneBorder+"' cellspacing='"+0+"' bordercolor='"+this.bgColorc+"'  cellpadding='"+0+"' bgcolor='"+this.bgColorb+"' 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 (ie||ns6) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a><br></td></tr>\n";
	MENUitem += Lookup;
	HTMLstr = HTMLstr.replace(Lookup, MENUitem);

}


function searchbar()
{
// 2-5-03 search bar new 10am
//document.write("<BR>russ.russ.russ/nruss/nruss<br>russ<br>russ.done..");

document.write("<div id='Search' align='center' style='position:absolute;top:0;left:0;'> ");
document.write("<font face='arial' size='4'>");
document.write("&nbsp;<table border='0' width='100%' bgcolor='#FF9933' cellspacing='0' cellpadding='0' bordercolor='#FF3300' height='1'>");
document.write("<tr><td width='45%' valign='top'><font face='Arial' size='1'>");
document.write("<form action='http://mango.he.net/cgi-bin/suid/~nakedj/search/search1.cgi' method='post'></font>");
document.write("<p align='left'><font face='Arial' size='1'>Product <input type='hidden' name='dayprint' >");
document.write("<input type='hidden' name='session' >Search:");
document.write("<input tabIndex='1' size='22' type='text' maxlength='30' size='22' name='search_term'>");
document.write("<input type='hidden' name='page' value='2'>");
document.write("<INPUT type='image' src='http://www.fire-science.com/search-button.gif' width='32' height='13'>");
document.write("</font></p></td></form><td width='11%' valign='top'>");
// document.write("<form action='http://mango.he.net/cgi-bin/suid/~nakedj/search/search1.cgi' method='post'>");
// document.write("&nbsp;</td></form>
document.write("<td width='10%' valign='top'>&nbsp;</td><td width='10%' valign='top'>");
document.write("&nbsp;</td><td width='17%' valign='top'>");
//// document.write("<form name=idprint action='http://mango.he.net/cgi-bin/suid/~nakedj/fsi/cart_login.cgi' method='post'>");
//// document.write("<p align='right'><input type='hidden' name='new_item_added' value='1'>");
//// document.write("<input type='hidden' name='dayprint' ><input type='hidden' name='session' >");
document.write("<a href='http://www.fire-science.com/specials.html'>");
document.write("<p align='right'><img border='0' src='http://www.fire-science.com/sales-button1.gif'></a>");
//// <img border='0' src='blk_line.gif'>");
//// document.write("<input type='image' src='cart-button2.gif' width='57' height='21'>
document.write("</td>");
document.write("<td width='8%' valign='top'><p align='left'><!-- <img border='0' src='http://www.fire-science.com/blk_line.gif'> -->");

// 11-09-04 add View Cart button

document.write("&nbsp;&nbsp;&nbsp;<a href='http://mango.he.net/cgi-bin/suid/~nakedj/fsi/cart_login.cgi?view_cart=1'>");
document.write("<img border='0' src='http://www.fire-science.com/grafx/view_cart.gif' width='52' height='21'></a>");



document.write("<a href='http://www.fire-science.com/gift_info.html'>");
document.write("<img border='0' src='http://www.fire-science.com/gift-button2.gif' width='57' height='21'></a>");
document.write("</tr></table></div>");


//document.write("<a href='http://mango.he.net/cgi-bin/suid/~nakedj/fsi/cart_main.cgi'>");
//document.write("<img border='0' src='http://www.fire-science.com/cart-button.gif' width='57' height='23'></a>");
//document.write("</tr></table></div>");



}


function showMenu()
{
//searchbar();
	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 + 25;
		submenu.visibility = fShow;

		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;
		rightY = leftY;
	} else if (ie||ns6) {
// 2-2-04 Add color to submenu
//alert(document.getElementById(idMainMenu+"submenu").id)
		menu = ie? eval(idMainMenu) : document.getElementById(idMainMenu);
		submenu = ie? eval(idMainMenu+"submenu.style") : document.getElementById(idMainMenu+"submenu").style;
		submenu.left = calculateSumOffset(menu, 'offsetLeft');
//		submenu.top  = calculateSumOffset(menu, 'offsetTop') + 30;
		submenu.top  = menu.style.top+23;
		submenu.visibility = fShow;
		if (lastMenu != null && lastMenu != submenu) hideAll();

		leftX  = ie? document.all[idMainMenu+"submenu"].style.posLeft : parseInt(document.getElementById(idMainMenu+"submenu").style.left);
		rightX = ie? leftX + document.all[idMainMenu+"submenu"].offsetWidth : leftX+parseInt(document.getElementById(idMainMenu+"submenu").offsetWidth);

		leftY  = ie? document.all[idMainMenu+"submenu"].style.posTop+
			document.all[idMainMenu+"submenu"].offsetHeight : parseInt(document.getElementById(idMainMenu+"submenu").style.top)+parseInt(document.getElementById(idMainMenu+"submenu").offsetHeight);
		rightY = leftY;
	}
	lastMenu = submenu;

}



function hideAll()
{
	if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}
}

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;
}

function updateIt(e)
{
	if (ie&&!opr6)
	{
		var x = window.event.clientX;
		var y = window.event.clientY;

		if (x > rightX || x < leftX) hideAll();
		else if (y > rightY) hideAll();
	}
	if (n||ns6)
	{
		var x = e.pageX;
		var y = e.pageY;

		if (x > rightX || x < leftX) hideAll();
		else if (y > rightY) hideAll();
	}
}

function operahide(){
        if (opr6){
        if (!MainTable.contains(event.toElement))
        hideAll()
}
}

if (ie||ns6)
{
	document.body.onclick=hideAll;
	document.body.onscroll=hideAll;
	document.body.onmousemove=updateIt;
}
if (document.layers)
{
	window.captureEvents(Event.MOUSEMOVE);
	window.captureEvents(Event.CLICK);
	window.onmousemove=updateIt;
	window.onclick=hideAll;

}
