var imagePath = "images/";
var mnuSelected="";
var rightx=0;
var leftx=0;
var righty=0;
function menuItem(text, link, target){
this.text=text;
this.link=link;
if(target){
this.target=target;
} else {
this.target = "PageContent";
}
}
function menu(){
var itemArray=new Array();
var args=menu.arguments;
this.name=args[0];
for(i=1;i<args.length;i++){
itemArray[i-1]=args[i];
}
this.menuItems=itemArray;
this.write=writeMenu;
this.position=positionMenu;
}
function positionMenu(top,left,width){
this.top=top;
this.left=left;
this.width=width;
}
function calcLeftPos(element,indent){
var leftpos=0;
if(document.layers){
leftpos=getElement('mnuHeadings').document.layers[element].pageX+indent;
} else {
leftpos=getElement(element).offsetLeft+indent;
}
return leftpos;
}
function calcTopPos(element){
var toppos=0;
if(document.layers){
toppos=getElement(element).clip.height;
} else {
toppos=getElement(element).offsetHeight;
}
return toppos;
}
function calcScreenWidth(){
var screenWidth;
if(document.layers){
screenWidth=innerWidth;
} else {
screenWidth=document.body.clientWidth;
if(screenWidth==0||!screenWidth){
screenWidth=document.body.offsetWidth;
}
}
return screenWidth;
}
function showMenu(menu,leftpos,toppos){
var leftindent=5;
var bannerHeight=65;
var subMenuID=getElement(menu);
if(getElement('esbanner')){
bannerHeight=calcTopPos('esbanner');
}
if(mnuSelected!=""&&mnuSelected!=menu){
hideMenu();
}
if(document.getElementById){
subMenuID.style.width=subMenuID.childNodes[0].offsetWidth+16;
} else if (document.all){
subMenuID.style.width=subMenuID.children[0].clientWidth+16;
}
if(leftpos!=null){
if(document.layers){
subMenuID.left=leftpos;
} else {
if((leftpos+parseInt(subMenuID.style.width))>=(calcScreenWidth()-10)){
var fitleft=calcScreenWidth()-parseInt(subMenuID.style.width);
subMenuID.style.left=fitleft;
} else {
subMenuID.style.left=leftpos;
}
}
}
if(toppos!=null){
if(document.layers){
subMenuID.top=toppos+bannerHeight;
} else {
subMenuID.style.top=toppos+bannerHeight;
}
}
if(document.layers){
leftx=subMenuID.left;
rightx=leftx+subMenuID.clip.width;
righty=subMenuID.top+subMenuID.clip.height;
subMenuID.visibility='show';
} else {
subMenuID.style.visibility='visible';
}
mnuSelected=menu;
}
function hideMenu(e){
if(mnuSelected){
if(document.getElementById){
getElement(mnuSelected).style.visibility='hidden';
} else if (document.all){
if(event.srcElement.tagName != "A"){
getElement(mnuSelected).style.visibility='hidden';
}
} else if (document.layers){
if(e){
var posX=e.pageX;
var posY=e.pageY;
if(posX > rightx||posX < leftx){
getElement(mnuSelected).visibility='hide';
} else if (posY > righty){
getElement(mnuSelected).visibility='hide';
}
} else {
getElement(mnuSelected).visibility='hide';
}
}
}
}
function hideMenuHeading(){
if(mnuSelected){
getElement(mnuSelected).style.visibility='hidden';
}
}
function writeMenu(){
if(document.layers){
var menuText='<layer id="';
} else {
var menuText='<div id="';
}
menuText+=this.name;
if(document.layers){
menuText += '" visibility="hide" z-index="1"';
} else {
menuText += '"  style="';
menuText+='position:absolute;z-index:1;visibility:hidden;top: ';
menuText+=this.top;
menuText+=';left: ';
menuText+=this.left+'"';
}
menuText+='>';
menuText += '<table cellpadding="0" cellspacing="0" border="0" width="';
menuText+=this.width;
menuText += '" onClick="hideMenu();" onMouseOver="showMenu(mnuSelected,null,null)" onMouseOut="hideMenu();">';
for(i=0;i<this.menuItems.length;i++){
menuText += '<tr bgcolor="#000066">';
menuText += '<td width="5px" class="menuside">&nbsp;</td>';
menuText += '<td class="menulink" nowrap="nowrap"><a ';
menuText += 'target="' + this.menuItems[i].target + '" class="menulink"  href="' + this.menuItems[i].link + '">';
menuText+=this.menuItems[i].text+'</a></td>';
menuText += '<td width="5px" class="menuside">&nbsp;</td>';
menuText+='</tr>';
}
menuText += '<tr valign="top"><td width="5px" class="menuside"><img src="' + imagePath + 'mnu_bottomleft.gif" border="0"></td><td ';
if(document.layers){menuText += ' width="98%"'};
menuText += ' bgcolor="#000066" class="menuside">&nbsp;</td><td><img border="0" src="' + imagePath + 'mnu_bottomright.gif"></td></tr>';
menuText+='</table>';
if(document.layers){
menuText+='</layer>';
} else {
menuText+='</div>';
}
document.write(menuText);
document.close();
}
if(document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=hideMenu;
}