/*
####################################################################
# SystematicMenu - Standards compliant popup menu script 
#
# Copyright (C) 2002 by Paul Smith (Paul@Systematic-NI.com) 
#
# This program is free software; you can redistribute it and/or 
# modify it under the terms of the GNU General Public License 
# as published by the Free Software Foundation; either version 2 
# of the License, or (at your option) any later version. 
# This program is distributed in the hope that it will be useful, 
# but WITHOUT ANY WARRANTY; without even the implied warranty of 
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the 
# GNU General Public License for more details. 
# You should have received a copy of the GNU General Public License 
# along with this program; if not, write to the 
# Free Software Foundation, Inc.,
# 59 Temple Place - Suite 330, 
# Boston, MA  02111-1307, USA. 
# $Id: SystematicMenu,v 1.0 2002/10/13 11:00:00
####################################################################

This script is compliant with HTML4.01 Transitional and CSS2.
Gecko based browsers (eg Netscape 6 and Mozilla) use CSS for ALL of the menu manipulation;
IE4+ uses script to manipulate MS proprietary BOM objects, as they do not recognise some CSS2;
other browsers ignore the script block as only IE recognises script type "text/Jscript";
Browsers capable of rendering CSS but prior to Gecko eg NS4 ignore CSS code after a / * / * / line
so they leave all menu items on screen;
Browsers which do not recognise CSS or script also leave all menu items on screen;
so the menus degrade properly for older or security constrained browsers.
Nested menuitems are handled by dropping a <div class="menu"> into the list of menu items
*/


// JavaScript Code that uses proprietary BOM
// Internet Explorer features not available in
// other browsers.
// Apparently IE5.0 does not read menu.css past the /*/*/ line so the following is necessary to 
// hide the submenus at start up
//document.write("<style type='text/css'>div.menubox{position: absolute;margin-left:0px;visibility:hidden;} </style>");


// IE4&5 do not support hover on objects other than anchors
//the following script does for IE4&5 what the advanced css does for Gecko!
function openmenu(menutoshow){
//if(menutoshow.children.tags("DIV").length>0){
//  menu=menutoshow.children.tags("DIV").item(0);
  menu=document.getElementById(menutoshow);
  menu.style.left=-115;
//  menu.style.visibility="visible";
  menu.style.display="inline";
  menu.style.top=-80;
//  }
}

function leavemenu(menutohide){
//if(menutohide.children.tags("DIV").length>0){
menu = document.getElementById(menutohide);
// var newelement=event.toElement;
// if (newelement != menutohide.children.tags("DIV").item(0)){
// if (newelement != menu){
//   menutohide.children.tags("DIV").item(0).style.visibility="hidden";
   menu.style.display="none";
//   }
//}
}