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

//Top Nav bar script v2.1- http://www.dynamicdrive.com/dynamicindex1/sm/index.htm

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

window.onerror=new Function("return true")
////////////////////////////////////////////////////////////////////////////
// Function Menu()                                                        //
////////////////////////////////////////////////////////////////////////////
rightX = 0;

function Menu()
{
	this.bgColor     = "#007dcc";
	if (ie) this.menuFont = "10px Arial"; //default font settings. Don't change. Instead, modify stylesheet in sample.htm
	if (n)  this.menuFont = "10px Arial";
	this.fontColor   = "black";
	Submenufontcolor = "#000000";

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

	this.subMenuPaneWidth = submenuwidth;

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

	HTMLstr = "";
	HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
	HTMLstr += "\n";
	if (ie||ns6) HTMLstr += "<div id='MainTable' >\n";          //style='position:absolute;top:0;left:0;'
//	if (n)  HTMLstr += "<layer name='MainTable'>\n";
	HTMLstr += "<table width=780 bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'";
	HTMLstr += "cellpading=0 cellspaceing=0 bordercolor='#ffffff'>\n";
	HTMLstr += "<tr>";
	if (n) HTMLstr += "<td>&nbsp;</td>";
	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";

	//alert(HTMLstr);
}
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function addItem(idItem, text, hint, location, altLocation,SubMenuP)
{
	
	var Lookup = "<!-- ITEM "+idItem+" -->";
	if (HTMLstr.indexOf(Lookup) != -1)
	{
		alert(idParent + " already exist");
		return;
	}
	var MENUitem = "";
	MENUitem += "\n<!-- ITEM "+idItem+" -->\n";
	if (n)
	{
		MENUitem += "<td valign='top' width='98'>\n";

		MENUitem += "<ilayer name='"+idItem+"'>";
	    if(SubMenuP == 1)
		{
		MENUitem += "<a href='"+altLocation+"' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
		}
		else
		{
		MENUitem += "<a href=''"+altLocation+"'' class=clsMenuItemNS onmouseover='this.style.background=#cccccc' " 
		MENUitem += "onmouseout='this.style.background=#007dcc' onclick=\"return false;\">";
		}

		//MENUitem += "|&nbsp;";
		MENUitem += text;
		MENUitem += "</a>";
		MENUitem += "</ilayer>";
        MENUitem += "</td>";

	}

	if (ie||ns6)
	{
		MENUitem += "<td  id='"+idItem+"1' valign='top' width='111' align='center'>\n";//onmouseover=style.background='#89A2B9'
	    MENUitem += "<div id='"+idItem+"' class='clsMenuItemIE'>\n";  // ' style=' font: "+this.menuFont+";' position:relative;

	//MENUitem += "<div id='"+idItem+"' class='clsMenuItemIE' >\n";  // ' style=' font: "+this.menuFont+";' position:relative;
      	MENUitem += "<a ";
		MENUitem += "class='clsMenuItemIE' id='"+idItem+"2' ";
		//MENUitem += "style='text-decoration: none; font-family:Arial; font-size:9pt; color:'#ffffff'; cursor: hand;' ";

		if (hint != null)
			MENUitem += "title='"+hint+"' ";
		
		if (location != null & SubMenuP == 0)
		{
			//alert(MENUitem+ + " 1")
			MENUitem += "href='"+location+"' ";
			MENUitem += "onmouseover='displaymenu2('"+idItem+"');\" ";
			MENUitem += "onmouseout=\"hideAll();\"";
		}
		else
		{
		//	alert(MENUitem+ " "+altLocation+" "+SubMenuP+ " 2" );
			if (altLocation != null & SubMenuP == 1)
			{
				//alert(MENUitem+ " 3" );
				MENUitem += "href='"+altLocation+"' onmouseover=\"displaySubMenu('"+idItem+"');\"";
			}
			else 
				{
				//  alert(MENUitem+ " "+altLocation+ " 4" );
				 if (altLocation != null & SubMenuP == 0)
				 {
				 // alert(MENUitem+ " "+altLocation+ " 5" );
				  MENUitem += "href='"+altLocation+"' ";
				  MENUitem += "onmouseover=\"displaymenu2('"+idItem+"');\"";
				  MENUitem += "onmouseout=\"hideAll();\"";
				  }
				 else
			      {
					// alert(MENUitem+ " "+altLocation+ " 6" );
			        MENUitem += "href='.' ";
			        if (SubMenuP == 1)
			        {
			            MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"');\" ";
			        }
			        else
			       	{
                          MENUitem += " onmouseover=\"hideAll(); this.style.background='#89A2B9'; \" onmouseout=\"this.style.background='#007dcc'\" ";
				    }
			       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)
{
	//alert("this is atest");
	var MENUitem = "";
	Lookup = "<!-- ITEM "+idParent+" -->";
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		alert(idParent + " not found");
		return;
	}
	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";
	//alert(HTMLstr.indexOf(Lookup))
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		if (n)
		{
			/*MENUitem += "\n";
			MENUitem += "<layer id='"+idParent+"submenu' visibility='visible' bgcolor='#FFFFFF'>\n"; //+this.bgColor+"'>\n";
			//MENUitem += "<table border='0' bgcolor='#ffffff' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<table border='1' bordercolor ='#007dcc' bgcolor='#ffffff' width='159'><tr><td>mmmmmmmmm</td></tr>";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			//MENUitem +"<tr><td>n</td></tr>";
			MENUitem += "</table>\n";
			MENUitem += "</layer>\n";
			MENUitem += "\n";*/
			MENUitem += "\n";
			MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='#ffffff' 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+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
MENUitem += "<table border='1' bordercolor ='#007dcc' bgcolor='#ffffff' cellpadding=0 cellspacing=0 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=subMenuItemNS title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a></td></tr>\n";
	if (ie||ns6) MENUitem = "<tr><td><a class=subMenuItemNS title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a></td></tr>\n";
	MENUitem += Lookup;
	//alert(MENUitem);
	HTMLstr = HTMLstr.replace(Lookup, MENUitem);

	//alert(MENUitem+"  " +Lookup);

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

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Private declaration
function displaySubMenu(idMainMenu)
{
	var menu;
	var submenu;
	var topmenu;
	var topmenuname;
	var mfont;
	//var mfount;
	//alert("we are in display Submenu");
	if (n)
	{
		//alert(idMainMenu+"submenu");
		submenu = document.layers[idMainMenu+"submenu"];
		
		if ((lastMenu != null) && (lastMenu != submenu)) hideAll();
		
//alert( document.layers[idMainMenu].pageX);
//alert(document.layers[idMainMenu].pageY + 35);
		submenu.left = document.layers[idMainMenu].pageX;
		submenu.top  = document.layers[idMainMenu].pageY + 25;
		//alert(submenu.left);
        //alert(submenu.top);
		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;

//alert(submenu.left);
//alert(submenu.top);

	} 
	else if (ie||ns6) {
	
        topmenuname = idMainMenu+'1';
        topmenu = ie? eval(topmenuname) :document.getElementById(topmenuname);
		menu = ie? eval(idMainMenu) : document.getElementById(idMainMenu);
        mfont = ie? eval(idMainMenu+'2') : document.getElementById(idMainMenu+'2');
	    topmenu.style.background='#cccccc';
		mfont.style.color = '#007dcc';
		
		
		
		if (ie)
		{ 
			submenu =  eval(idMainMenu+"submenu.style");	    
		}
		else if ((ns6))
		{		
                  submenu= document.getElementById(idMainMenu+"submenu").style;
		}
		else
		{
			hideAll();
		}
		

		//alert(lastMenu != null);
		//alert(lastMenu != submenu);
		//alert((lastMenu != null && lastMenu != submenu));

		if (lastMenu != null && lastMenu != submenu){  hideAll();}//else{HeaderMenu.style.background='007dcc';}

		if (submenu != null)
		{
		submenu.left = calculateSumOffset(menu, 'offsetLeft');
        submenu.top  = calculateSumOffset(menu, 'offsetTop')+15;

//		submenu.top  = menu.style.top+23;

		submenu.visibility = fShow;
		}
		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;
	}
	onelevelmenu = 0;
	lastMenu = submenu;
	HeaderMenu = topmenu;
	menufont = mfont;
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////
function displaymenu2(idMainMenu)
{
	var menu;
	var submenu;
	var topmenu;
	var topmenuname;
	var mfont;

		if (n)
	{
		topmenu = document.layers[idMainMenu+"1"];
		topmenu.background='#cccccc';
		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+"1"].left;
		rightX = leftX + document.layers[idMainMenu+"1"].clip.width;
		leftY  = document.layers[idMainMenu+"1"].top+
			document.layers[idMainMenu+"1"].clip.height;
		rightY = leftY;


	} 

     if (ie||ns6)
     {
				topmenuname = idMainMenu+'1';
				topmenu = ie? eval(topmenuname) :document.getElementById(topmenuname);
				mfont = ie? eval(idMainMenu+'2') : document.getElementById(idMainMenu+'2');
				topmenu.style.background='#cccccc';
				mfont.style.color = '#007dcc';
				if((lastMenu != null) && (lastMenu != topmenu)){ hideAll();}

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

				leftY  = ie? document.all[idMainMenu+'1'].style.posTop+
					document.all[idMainMenu+'1'].offsetHeight : parseInt(document.getElementById(idMainMenu+'1').style.top)+parseInt(document.getElementById(idMainMenu+'1').offsetHeight);
				rightY = leftY;

     } 
		 
    onelevelmenu = 1;
	lastMenu = topmenu;
	HeaderMenu = topmenu;
	menufont = mfont;
	singalmenuxr = rightX;
	singalmenuxl = leftX;
	singalmenuyr = rightY;

}

////////////////////////////////////////////////////////////////////////////////////////////////////////////
function hideAll()
{
	//alert("we are in the  section");
	
		if (lastMenu != null && onelevelmenu != 1) 
		{
		//alert("we are in the if  section");
			lastMenu.visibility = fHide;
			lastMenu.left = 0;
			if (ie||ns6)
			{
				HeaderMenu.style.background='#007dcc'; 
		        menufont.style.color = '#ffffff';
			}
		}
		else
	    {
			//alert("we are in the else section");
				HeaderMenu.style.background='#007dcc'; 
		        menufont.style.color = '#ffffff';

		}

}
/////////////////////////////////////////////////////////////////////////////////////////////////////////
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)
{
	//alert("we are in the update and the onelevelmenu = " + onelevelmenu);
	
	if (onelevelmenu != 1 )
	{
	
		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();
		}
	}
/*	else
	{
		if(singalmenuxr != rightX || singalmenuxl != leftX)
		{
			hideAll();
		}
		else if(singalmenuyr != rightY) 
		{
			hideAll();
		}
	}*/

}


/////////////////////////////////////////////////////////////////////////////////////////////////////
function operahide(){
        if (opr6){
        if (!MainTable.contains(event.toElement))
        hideAll()}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
function changeColor()
{
	if(lastMenu.visibility == fshow){
		HeaderMenu.style.background='#cccccc';
	}
	else
	{
		HeaderMenu.style.background='#007dcc';
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////
//alert ("we are befor the commented if statments");
if (ie||ns6)
{
	document.body.onclick=hideAll;         //Call the hideAll First if the user clicks
	document.body.onscroll=hideAll;        // call all if the user moves the mouse or move up 
	document.body.onmousemove=updateIt;    //Calling the Update script
}
if (document.layers)
{
	window.captureEvents(Event.MOUSEMOVE);
	window.captureEvents(Event.CLICK);
	window.onmousemove=updateIt;
	window.onclick=hideAll;
}