<!--Global Variables -->
selectedMenu='';

<!--START IMAGE COORDINATES-->
  x = 315; 
  y = 165;

  menuTop = y; //Vertical ofset for all menus

  //Define horizontal oofsets for each layer
///////
  lyr_menu1X = x + 40 ;
  lyr_menu1Y = menuTop;
//////
  lyr_menu2X = x + 151 ;
  lyr_menu2Y = menuTop;
//////
  lyr_menu3X = x + 249 ;
  lyr_menu3Y = menuTop;
//////
  lyr_menu4X = x + 323 ;
  lyr_menu4Y = menuTop;
//////  
  lyr_menubarX = 160;
  lyr_menubarY = 143;
//////
  corner1X = x + 64;
  corner1Y = menuTop - 22;
//////
  corner1_overX = x + 64;
  corner1_overY = menuTop - 22;
//////
  corner2X = x + 145;
  corner2Y = menuTop - 22;
//////
  corner2_over_leftX = x + 145;
  corner2_over_leftY = menuTop - 22;
//////
  corner2_over_rightX = x + 145;
  corner2_over_rightY = menuTop - 22;
//////
  corner3X = x + 283;
  corner3Y = menuTop - 22;
//////
  corner3_over_leftX = x + 283;
  corner3_over_leftY = menuTop - 22;
//////
  corner3_over_rightX = x + 283;
  corner3_over_rightY = menuTop - 22;
//////
  corner4X = x + 344;
  corner4Y = menuTop - 22;
//////
  corner4_over_leftX = x + 344;
  corner4_over_leftY = menuTop - 22;
//////
  corner4_over_rightX = x + 344;
  corner4_over_rightY = menuTop - 22;
//////
  corner5X = x + 411;
  corner5Y = menuTop - 22;
//////
  corner5_overX = x + 411;
  corner5_overY = menuTop - 22;
//////

function modifyCoordinates(){
	difference 			= 50;
	lyr_menubarY 		= lyr_menubarY - difference;
	lyr_menu1Y 			= lyr_menu1Y - difference;
	lyr_menu2Y 			= lyr_menu2Y - difference;
	lyr_menu3Y 			= lyr_menu3Y - difference;
	lyr_menu4Y 			= lyr_menu4Y - difference;
	corner1Y 			= corner1Y - difference;
	corner2Y 			= corner2Y - difference;
	corner3Y 			= corner3Y - difference;
	corner4Y 			= corner4Y - difference;
	corner5Y 			= corner5Y - difference;
	corner1_overY 		= corner1_overY - difference;
	corner2_over_leftY 	= corner2_over_leftY - difference;
	corner2_over_rightY = corner2_over_rightY - difference;
	corner3_over_leftY 	= corner3_over_leftY - difference;
	corner3_over_rightY = corner3_over_rightY - difference;
	corner4_over_leftY 	= corner4_over_leftY - difference;
	corner4_over_rightY = corner4_over_rightY - difference;
	corner5_overY 		= corner5_overY - difference;
}


<!--END IMAGE COORDINATES-->

<!--Browser Detection -->
onLayer='none'
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
br = "";
   if (bName == "Netscape" && bVer == 4) br = "n4";
      else if (bName == "Netscape" && bVer == 3) br = "n3";
      else if (bName == "Microsoft Internet Explorer" && bVer >=4 )
          br = "e4";
      else if (bName == "Microsoft Internet Explorer") br = "e3";
      else br = "n2";



<!-- drop-down menu -->

 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS6 = (bName == "Netscape" && bVer >= 5);
 var NS4 = (bName == "Netscape" && bVer >= 4 && bVer < 5);
 var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
 var NS3 = (bName == "Netscape" && bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4);
 window.onerror = null;
 var menuActive = 0
 var menuOn = 0
 var onLayer
 var timeOn = null // LAYER SWITCHING CODE
 if (NS4 || IE4 || NS6) {
	 if (navigator.appName == "Netscape" && !document.getElementById){
		 layerStyleRef="layer.";
		 layerRef="document.layers";
		 styleSwitch="";
		 layerVis="show";
		 layerHid="hide";
	 }
	 else if (!document.all && document.getElementById) {
		 layerStyleRef="layer.style.";
		 layerRef="document.getElementById";
		 styleSwitch=".style";
		 layerVis="visible";
		 layerHid="hidden";
	 }
	 else {
		 layerStyleRef="layer.style.";
		 layerRef="document.all";
		 styleSwitch=".style";
		 layerVis="visible";
		 layerHid="hidden";
	 }
 }
// SHOW MENU
function shFadeLayer(layerName){
	shLayer( layerName );
/*
 if (NS4 || IE4 || NS6) {
	if (timeOn != null) {
 		clearTimeout(timeOn)
	if ( onLayer != null && onLayer.length > 0 )
	 	hideLayer(onLayer)
 }
 
 if (NS4 || IE4) {
 	eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+eval(layerName+'Y')+'"');
 	eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left="'+eval(layerName+'X')+'"');
// 	fadeIn(layerRef+'["'+layerName+'"]'+styleSwitch+'.filter="alpha(opacity=', 0);
	eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerVis+'"');
 } 
 if (NS6) {
 	eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerVis+'"');
 	eval(layerRef+'("'+layerName+'")'+styleSwitch+'.top="'+eval(layerName+'Y')+'"');
 	eval(layerRef+'("'+layerName+'")'+styleSwitch+'.left="'+eval(layerName+'X')+'"');
 } 
 onLayer = layerName
 }
*/ 
}// HIDE MENU

function shLayer(layerName){
 if (NS4 || IE4 || NS6) {
	if (timeOn != null) {
 		clearTimeout(timeOn)
	}
	if ( onLayer != null && onLayer.length > 0 && onLayer != 'none' ){
	 	hideLayer(onLayer);
	}
 
 if (NS4 || IE4) {
 	eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+eval(layerName+'Y')+'"');
 	eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left="'+eval(layerName+'X')+'"');
	eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerVis+'"');
 } 
 if (NS6) {
 	eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerVis+'"');
 	eval(layerRef+'("'+layerName+'")'+styleSwitch+'.top="'+eval(layerName+'Y')+'"');
 	eval(layerRef+'("'+layerName+'")'+styleSwitch+'.left="'+eval(layerName+'X')+'"');
 } 
 
 	if ( layerName != 'lyr_menubar' ){
	 	onLayer = layerName;
	 }
 }
}// HIDE MENU


function shImage(imageName){
 	if (NS4 || IE4 || NS6) {
		layerName = imageName;
	 	if (NS4 || IE4) {
 			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+eval(imageName+'Y')+'"');
 			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left="'+eval(imageName+'X')+'"');
			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerVis+'"');
 		} 
	 	if (NS6) {
 			eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerVis+'"');
 			eval(layerRef+'("'+layerName+'")'+styleSwitch+'.top="'+eval(imageName+'Y')+'"');
	 		eval(layerRef+'("'+layerName+'")'+styleSwitch+'.left="'+eval(imageName+'X')+'"');
 		} 
	}
}// HIDE MENU

function hideImage(imageName){
	if (NS4 || IE4 || NS6) {
		if (NS4 || IE4) {
			eval(layerRef+'["'+imageName+'"]'+styleSwitch+'.visibility="'+layerHid+'"');
		} 
		if (NS6) {
			eval(layerRef+'("'+imageName+'")'+styleSwitch+'.visibility="'+layerHid+'"');
		} 
  	}
}// END HIDE MENU BAR


function fadeIn(control, layerVis){
	if ( layerVis < 100 ){
		layerVis = layerVis + 20;
		eval(control + layerVis + ')"');
		timeOn = setTimeout("fadeIn('" + control + "', " + layerVis + ")", 10)
	}
}

function fadeOut(control, layerVis){
	eval(control + layerVis + ')"');
}

function div_over(div_name){
	eval(layerRef+'["'+div_name+'_over"]'+styleSwitch+'.visibility="'+layerVis+'"')
	eval(layerRef+'["'+div_name+'"]'+styleSwitch+'.visibility="'+layerHid+'"')
}

function div_out(div_name){
	eval(layerRef+'["'+div_name+'"]'+styleSwitch+'.visibility="'+layerVis+'"')
	eval(layerRef+'["'+div_name+'_over"]'+styleSwitch+'.visibility="'+layerHid+'"')
}


// SHOW MENU
// SHOW MENU BAR
function shMenuBarLayer(layerName){
 img = getImage("imgTabs");
 x = getImagePageLeft(img);
 y = getImagePageTop(img);
 y = y + 107 ; //Vertical oofset for all menus
 x = x + 140;

 if (NS4 || IE4 || NS6) {
	if (NS4 || IE4) {
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerVis+'"');
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+y+'"');
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left="'+eval('x')+'"');
	} 
	if (NS6) {
		eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerVis+'"');
		eval(layerRef+'("'+layerName+'")'+styleSwitch+'.top="'+y+'"');
		eval(layerRef+'("'+layerName+'")'+styleSwitch+'.left="'+eval('x')+'"');
	} 
  }
}// END SHOW MENU BAR


// HIDE MENU BAR
function hideMenuBarLayer(layerName){
 if (NS4 || IE4 || NS6) {
	if (NS4 || IE4) {
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerHid+'"');
	} 
	if (NS6) {
		eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerHid+'"');
	} 
  }
}// END HIDE MENU BAR

function hideLayer(layerName){
	if (menuActive == 0) {
		if (NS4 || IE4) {
			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerHid+'"');
		}
		if (NS6) {
			eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerHid+'"');
		}
	}
	onLayer = null;
}// TIMER FOR BUTTON MOUSE OUT

function btnTimer() {
 timeOn = setTimeout("btnOut()",300)
}// BUTTON MOUSE OUT

function btnOut(layerName) {
 if (menuActive == 0) {
 	hideLayer(onLayer)
 }
}// MENU MOUSE OVER 


function menuOver(itemName) {
 clearTimeout(timeOn)
 menuActive = 1
}// MENU MOUSE OUT 



function menuOut(itemName) {
 menuActive = 0 
 timeOn = setTimeout("hideLayer(onLayer)", 400);
 }// SET BACKGROUND COLOR 
 
 
function setBgColor(layer, color) {
  if (NS6){
    eval('document.getElementById("'+layer+'").style.backgroundColor="'+color+'"');
  }
  else if (NS4){
    eval('window.document.layers["'+layer+'"].document.bgColor="'+color+'"');
	eval('window.document.layers["'+layer+'"].saveColor="'+color+'"');
  }
  else if (IE4){

    eval('document.all.'+layer+'.style.backgroundColor="'+color+'"');
  }
}

function getImage(name) {
  if (NS4 || NS6) {
    return findImage(name, document);
  }
  if (IE4 || NS6)
    return eval('document.all.' + name);
  return null;
}

function findImage(name, doc) {
  var i, img;
  for (i = 0; i < doc.images.length; i++)
    if (doc.images[i].name == name)
      return doc.images[i];
  for (i = 0; i < doc.layers.length; i++)
    if ((img = findImage(name, doc.layers[i].document)) != null) {
      img.container = doc.layers[i];
      return img;
    }
  return null;
}

function getImagePageLeft(img) {
  var x, obj;
  if (NS4 || NS6) {
    if (img.container != null)
      return img.container.pageX + img.x - 1;
    else
      return img.x - 1;
  }
  if (IE4) {
    x = 0;
    obj = img;
    while (obj.offsetParent != null) {
      x += obj.offsetLeft;
      obj = obj.offsetParent;
    }
    x += obj.offsetLeft;
    return x;

  }
  return -1;
}

function getImagePageTop(img) {
  var y, obj;
  if (NS4 || NS6) {
    if (img.container != null)
      return img.container.pageY + img.y;
    else
      return img.y;
  }
  if (IE4) {
    y = 0;
    obj = img;
    while (obj.offsetParent != null) {
      y += obj.offsetTop;
      obj = obj.offsetParent;
    }
    y += obj.offsetTop;
    return y;
  }
  return -1;
}

/////////////////////////////////////////////////////////////////////////////////////////////

	selectedMenu='';
	
	function selectMenuBar(menuBar){
		if ( selectedMenu.length > 0 ){
			setBgColor("lineb_" + selectedMenu,'#000000');
			if ( selectedMenu == 'menu1' && menuBar != 'menu1' ){
				hideImage( "corner1_over" );
				hideImage( "corner2_over_left" );
				shImage( "corner1" );
				shImage( "corner2" );
			}else if ( selectedMenu == 'menu2' && menuBar != 'menu2' ){
				hideImage( "corner2_over_right" );
				hideImage( "corner3_over_left" );
				shImage( "corner2" );
				shImage( "corner3" );
			}else if ( selectedMenu == 'menu3' && menuBar != 'menu3' ){
				hideImage( "corner3_over_right" );
				hideImage( "corner4_over_left" );
				shImage( "corner3" );
				shImage( "corner4" );
			}else if ( selectedMenu == 'menu4' && menuBar != 'menu4' ){
				hideImage( "corner4_over_right" );
				//hideImage( "corner5_over" );
				shImage( "corner4" );
				//shImage( "corner5" );
			}
		}
		
		if ( menuBar == 'menu1' ){
			hideImage( "corner1" );
			hideImage( "corner2" );
			shImage( "corner1_over" );
			shImage( "corner2_over_left" );
		}else if ( menuBar == 'menu2' ){
			hideImage( "corner2" );
			hideImage( "corner3" );
			shImage( "corner2_over_right" );
			shImage( "corner3_over_left" );
		}else if ( menuBar == 'menu3' ){
			hideImage( "corner3" );
			hideImage( "corner4" );
			shImage( "corner3_over_right" );
			shImage( "corner4_over_left" );
		}else if ( menuBar == 'menu4' ){
			hideImage( "corner4" );
			//hideImage( "corner5" );
			shImage( "corner4_over_right" );
			//shImage( "corner5_over" );
		}
		
		
		setBgColor("lineb_" + menuBar,'#F5F5F5');
		selectedMenu = menuBar;
		shFadeLayer('lyr_' + selectedMenu);
		return true;
	}
	
	function showActivOption(  ){
		if ( selectedMenu.length > 0 ){
			shFadeLayer('lyr_' + selectedMenu);
		}
	}
	
	function showMenuImages(){
		shImage( "corner1" );
		shImage( "corner2" );
		shImage( "corner3" );
		shImage( "corner4" );
		shImage( "corner5" );
	}
<!--end drop-down menu -->