over = new MakeArray(6)
   out = new MakeArray(6)

   over[1].src = "/images/menu-link-1-on.gif"
   over[2].src = "/images/menu-link-2-on.gif"
   over[3].src = "/images/menu-link-3-on.gif"
   over[4].src = "/images/menu-link-4-on.gif"
   over[5].src = "/images/menu-link-5-on.gif"
   over[6].src = "/images/menu-link-6-on.gif"

   out[1].src = "/images/menu-link-1-off.gif"
   out[2].src = "/images/menu-link-2-off.gif"
   out[3].src = "/images/menu-link-3-off.gif"
   out[4].src = "/images/menu-link-4-off.gif"
   out[5].src = "/images/menu-link-5-off.gif"
   out[6].src = "/images/menu-link-6-off.gif"

function MakeArray(n) {
   this.length = n
   for (var i = 1; i<=n; i++) {
     this[i] = new Image()
   }
   return this
}

function show(num) {
    document.images[num].src = over[num].src
}

function reset(num) {
    document.images[num].src = out[num].src
}


// SIMPLE BROWSER CHECK
var isNS4 = (document.layers) ? true : false;
var isIE4 = (document.all && !document.getElementById) ? true : false;
var isIE5 = (document.all && document.getElementById) ? true : false;
var isNS6 = (!document.all && document.getElementById) ? true : false;

// SET MENU LAYERS
// name corresponds to the name set in the <div> tags for the submenus.
// all submenus need to be defined in this array.
menuLayer = new Array();
menuLayer[0] = "properties";

function showMenu(i) {
   keep = i;
   hideAll();
   if(isIE4){ eval(menulayer[i]+'.style.visibility="visible"') }
   if(isNS4){ eval('document.'+menulayer[i]+'.visibility="show"');}
   if(isIE5 || isNS6) { document.getElementById(menuLayer[i]).style.visibility = "visible"; }
}

function hideMenu() {
  keep = -1;
  setTimeout('hideAll()',500);
}

keep = -1;

function hideAll() {
  for (i = 0; i < menuLayer.length; i++) {
    hideit = 0;
    checkMousePos(i);
    if (isIE5 || isNS6) {
     if (keep != i && hideit == 1) { document.getElementById(menuLayer[i]).style.visibility = "hidden"; }
    }
    if(isIE4) {
     if (keep != i && hideit == 1) { eval(menulayer[i]+'.style.visibility="hidden"') }
    }
    if(isNS4) {
     if (keep != i && hideit == 1) { eval('document.'+menulayer[i]+'.visibility="hide"') }
    }
  }
}

document.onmousemove = getMousePos;
if (isNS4) { document.captureEvents(Event.MOUSEMOVE) };

function getMousePos(e){
	if(isNS4){mousex=e.pageX; mousey=e.pageY;}
	if(isIE4){mousex=event.clientX; mousey=event.clientY;}
	if(isNS6){mouseX = e.pageX; mouseY = e.pageY;}
	if(isIE5){mouseX = event.clientX; mouseY = event.clientY;}
}

function checkMousePos(i) {
	if(isNS4){
		xMin=eval('document.'+menulayer[i]+'.left')
		xMax=xMin+eval('document.'+menulayer[i]+'.clip.width')
		yMin=eval('document.'+menulayer[i]+'.top')
		yMax=yMin+eval('document.'+menulayer[i]+'.clip.height')
		}
	if(isIE4){
		xMin=eval(menulayer[i]+'.style.pixelLeft')
		xMax=xMin+eval(menulayer[i]+'.scrollWidth')
		yMin=eval(menulayer[i]+'.style.pixelTop')
		yMax=yMin+eval(menulayer[i]+'.scrollHeight')
		}

	if(isIE5 || isNS6){
		xMin = document.getElementById(menuLayer[i]).offsetLeft;
		xMax = xMin + document.getElementById(menuLayer[i]).offsetWidth;
		yMin = document.getElementById(menuLayer[i]).offsetTop;
		yMax = yMin + document.getElementById(menuLayer[i]).offsetHeight;
	}
	if (mouseX >= xMin && mouseX <= xMax && mouseY >= yMin && mouseY <= yMax) {
        hideit = 0;
    }
    else { hideit = 1; }
    return hideit;
}