var isNS = (navigator.appName == "Netscape");
var layerRef = (isNS) ? "document.layers." : "document.all.";
var styleRef = (isNS) ? "" : ".style";
var topRef = (isNS) ? ".top" : ".pixelTop";
var leftRef = (isNS) ? ".left" : ".pixelLeft";
var isDynamic = ((document.layers || document.all));
var activeMenu = 0;


if (isNS) var topPixel = 44;
else var topPixel = 46;
leftPixel = new Array();
leftPixel[0] = 0;
leftPixel[2] = 344;
leftPixel[3] = 482;



if (isDynamic)
{
 if (isNS)
 {
  document.captureEvents(Event.MOUSEMOVE);
  document.onmousemove = checkUp;
 }
 else document.onmouseover = killMenu;
}

function activateMenu(menuLayerRef){
 if (isDynamic && activeMenu != menuLayerRef)
 {
  if (activeMenu) 
   hideMenu("menu" + activeMenu);
  menuID = "menu" + menuLayerRef;
  activeMenu = menuLayerRef;	
  eval(layerRef + menuID + styleRef + topRef + ' = ' + topPixel);
  eval(layerRef + menuID + styleRef + leftRef + ' = ' + leftPixel[menuLayerRef]);
  showMenu(menuID);
 }
 if (isDynamic && !isNS) window.event.cancelBubble = true;
}

function showMenu(menuID) {
 eval(layerRef + menuID + styleRef + '.visibility = "visible"');
 document.images["m" + activeMenu].src = eval("r" + activeMenu + ".src"); 
}

function hideMenu(menuID){
 eval(layerRef + menuID + styleRef + '.visibility = "hidden"');
 document.images["m" + activeMenu].src = eval("n" + activeMenu + ".src"); 
}

function killMenu(){
 if (activeMenu)
 {
  menuID = "menu" + activeMenu;
  hideMenu(menuID);
  activeMenu = 0;
 }  
}

function checkUp(e){
 if (isNS && (activeMenu != 0))
 {
  var x = e.pageX;
  var y = e.pageY;
  var x1 = eval(layerRef + 'menu' + activeMenu + styleRef + '.clip.width') + leftPixel[activeMenu];
  var y1 = topPixel-19;
  var y2 = eval(layerRef + 'menu' + activeMenu + styleRef + '.clip.height') + topPixel;
  if ((y < y1) || (y > y2) || (x < leftPixel[activeMenu]) || (x > x1)) killMenu();
 }
}

function changeImage(imgName, imgSrc){
 document.images[imgName].src = imgSrc.src;
}

n1 = new Image(); 
n1.src = "images/n_home.gif";
r1 = new Image(); 
r1.src = "images/r_home.gif";

n2 = new Image(); 
n2.src = "images/n_about.gif";
r2 = new Image(); 
r2.src = "images/r_about.gif";

n3 = new Image(); 
n3.src = "images/n_programs.gif";
r3 = new Image(); 
r3.src = "images/r_programs.gif";

n4 = new Image(); 
n4.src = "images/n_volunteer.gif";
r4 = new Image(); 
r4.src = "images/r_volunteer.gif";

n5 = new Image(); 
n5.src = "images/n_contact.gif";
r5 = new Image(); 
r5.src = "images/r_contact.gif";

n6 = new Image(); 
n6.src = "images/n_news.gif";
r6 = new Image(); 
r6.src = "images/r_news.gif";


function openWin(thePage)
{
 window.open(thePage,"theWin","toolbars=0,manubar=0,scrollbars=1,directories=0,location=0,resizable=1,width=500,height=400,left=50,top=30");
}

function openWin2(thePage2)
{
 window.open(thePage2,"theWin2","toolbars=0,manubar=0,scrollbars=1,directories=0,location=0,resizable=1,width=500,height=500,left=50,top=30");
}