var isNav = (navigator.appName == "Netscape");
var topAdjust = 0;
var leftAdjust = -2;
var menuImgLeft = new Array();
var menuImgTop = new Array();
var imageHeight = 24;// the Height of topMenu Images


function menuPosition(){
	for (var i = 0; i < imageName.length; i++){
		//var menuID = menuBaseName + "_" + parseInt(i);
		var menuID = menuBaseName_top + "_" + parseInt(i);
		var imageID = imageBaseName + "_" + imageName[i];
		var menu = document.getElementById(menuID);
		if(menu){
		var menuImage = document.getElementById(imageID);
		var menuImagePos = getElementPosition(imageID);
		var menuLeft = menuImagePos.left;
		var menuTop = menuImagePos.top;
		
		menuImgLeft[i] = parseInt(menuImagePos.left);
		menuImgTop[i] = parseInt(menuImagePos.top);
		
		
		var menuWidth = menu.style.width;
			menuWidth = menuWidth.slice(0,menuWidth.indexOf('px'));
		
		menu.style.left = parseInt(menuLeft) + leftAdjust + "px"; 
		menu.style.top = parseInt(menuTop) + parseInt(imageHeight) + topAdjust + "px";
		}
		
	}
	
	
}
var timer;

function getElementPosition(elemID){
	var offsetTrail = document.getElementById(elemID);
	var offsetLeft = 0;
	var offsetTop = 0;
	while(offsetTrail){
		offsetLeft += offsetTrail.offsetLeft;
		offsetTop += offsetTrail.offsetTop;
		offsetTrail = offsetTrail.offsetParent;
	}
	return {left:offsetLeft, top:offsetTop};
}

function keepMenu() {
    clearTimeout(timer);
}

function requestHide() {
    timer = setTimeout("hideMenus()", 250);
}

function hideMenus() {
	var active;
    for (var i = 0; i < imageName.length; i++) {
      var menuID = menuBaseName_top + "_" + parseInt(i);
	  var menu = document.getElementById(menuID);
	  if(menu){
      menu.style.visibility = "hidden";
	  
	  // switching all the menu images back to OFF or ACTIVE
	  var imageID = imageBaseName + "_" + imageName[i];
	  var img = document.getElementById(imageID);
	  
	  var elemA = img.parentNode;
						
	  if(elemA.className == "active") {// class "active" indicates the page you are currently on
			active = true;
	  }else{
			active = false;
	  }
						
	  var strDir;
	  if(active){
		strDir = "";
	  }else{
		strDir = "_off";
	  }
	  
	  
	  img.src = imageSourceBaseName + "_" + imageName[i] + strDir + ".jpg";
	  }
    }
	
}

function showMenu(menuId) {
   
        keepMenu();
        hideMenus();
       
        var menu = document.getElementById(menuId);
		if(menu){
        menu.style.visibility = "visible";
		
		showImg(menuId);
		
		}
}

function swap(evt) {
    evt = (evt) ? evt : ((event) ? event : null);
   
        if (evt && (document.getElementById && document.styleSheets)) {
            var elem = (evt.target) ? evt.target : evt.srcElement;
			
            if (elem.id.indexOf(imageBaseName) != -1) {
                if (evt.type == "mouseover") {
					menuID = menuBaseName_top + "_" + parseInt(index);
                    showMenu(menuID);
                    
                } else if (evt.type == "mouseout") {
                    requestHide();

                } else if (evt.type == "focus") {
					menuID = menuBaseName_top + "_" + parseInt(index);
                    showMenu(menuID);

                } else if (evt.type == "blur") {
                    requestHide();

                }
                evt.cancelBubble = true;
            }
        }
   
}



function showImg(menuID){// keeps the menu image ON after mouse switched to drop-down menu
	var strDir = "_on";
	var index = menuID.substring(parseInt(menuID.indexOf("_") + 1));
	var sectionName = imageName[index];
	var imageId = imageBaseName + "_" + sectionName;
	var img = document.getElementById(imageId);
	img.src = imageSourceBaseName + "_" + sectionName + strDir + ".jpg";
	
}