// JavaScript Document HappyHippos

<!--
 active1 = new Image(26,26);
 active1.src = "pic/m1a.gif";
 inactive1 = new Image(26,26);
 inactive1.src = "pic/m1.gif";
 active2 = new Image(26,26);
 active2.src = "pic/m2a.gif";
 inactive2 = new Image(26,26);
 inactive2.src = "pic/m2.gif";
 active3 = new Image(26,26);
 active3.src = "pic/m3a.gif";
 inactive3 = new Image(26,26);
 inactive3.src = "pic/m3.gif";
 active4 = new Image(26,26);
 active4.src = "pic/m4a.gif";
 inactive4 = new Image(26,26);
 inactive4.src = "pic/m4.gif";
 active5 = new Image(26,26);
 active5.src = "pic/m5a.gif";
 inactive5 = new Image(26,26);
 inactive5.src = "pic/m5.gif";
 
 active6 = new Image(26,26);
 active6.src = "pic/m6a.gif";
 inactive6 = new Image(26,26);
 inactive6.src = "pic/m6.gif";
 
//-->

if (document.all) document.getElementById = document.all;
var dhtml = (document.getElementById || document.all) && navigator.userAgent.indexOf('Opera') == -1 ? true : false;
var i, displayed = new Array('',true,true,true,true);

if (dhtml)
{
  var folder_closed = document.createElement('img');
  folder_closed.setAttribute('src','folder-closed.gif');
  var plus_cross = document.createElement('img');
  plus_cross.setAttribute('src','plus-cross.gif');
  var plus_corner = document.createElement('img');
  plus_corner.setAttribute('src','plus-corner.gif');
  var folder_open = document.createElement('img');
  folder_open.setAttribute('src','folder-open.gif');
  var minus_cross = document.createElement('img');
  minus_cross.setAttribute('src','minus-cross.gif');
  var minus_corner = document.createElement('img');
  minus_corner.setAttribute('src','minus-corner.gif');
  document.write('<style type="text/css">#menuHolder{visibility: hidden;}' + (document.all && (!document.getElementById || !document.getElementsByTagName) ? '#menuHolder img {vertical-align: text-top;}' : '') + '</style>');
}


function loadMenu()
{
  for (i = 1; i <= 4; i++) menuClick(i,i == 4 ? true : false);
  document.getElementById('menuHolder').style.visibility = 'visible';
}

function menuClick(id,last)
{
  if (dhtml)
  {
    document.getElementById('menu' + id).style.display = (displayed[id] ? 'none' : 'block');
    if (!last) document.getElementById('marker' + id).setAttribute('src',displayed[id] ? plus_cross.getAttribute('src') : minus_cross.getAttribute('src'));
    else document.getElementById('marker' + id).setAttribute('src',displayed[id] ? plus_corner.getAttribute('src') : minus_corner.getAttribute('src'));
    document.getElementById('folder' + id).setAttribute('src',displayed[id] ? folder_closed.getAttribute('src') : folder_open.getAttribute('src'));
    displayed[id] = (displayed[id] == true ? false : true);
  }
}