/*------------------------------------------------------------------*/
/*--               Mouse Over                                                --*/
/*------------------------------------------------------------------*/
function imgAct(num,imgName1) {
/* set local variables. */
var submenu = "sub"+num;
var bar = "bar"+num;

/* Set the display style to "none" if the value is null */
if (document.getElementById(submenu).style.display == null) {
 document.getElementById(submenu).style.display = "none";
}

if (document.getElementById(submenu).style.display == "none"){
    document.getElementById(bar).src = eval(imgName1 + "on.src");
 }
}

/*------------------------------------------------------------------*/
/*--                 Mouse Out                                                 --*/
/*------------------------------------------------------------------*/
function imgInact(num,imgName1) {
/* set local variables. */
var submenu = "sub"+num;
var bar = "bar"+num;

/* Set the display style to "none" if the value is null */
if (document.getElementById(submenu).style.display == null) {
 document.getElementById(submenu).style.display = "none";
}
if (document.getElementById(submenu).style.display == "none"){
    document.getElementById(bar).src = eval(imgName1 + "off.src");
 }
}

/*------------------------------------------------------------------*/
/*--          Menu open/close function                            --*/
/*------------------------------------------------------------------*/
function togglemenu(num,tmpBar) { 

/* set local variables. */
var submenu = "sub"+num;
var bar = "bar"+num;
var barOff = tmpBar + "_off.gif";
var barOn = tmpBar + "_on.gif";


/* Set the display style to "none" if the value is null */
if (document.getElementById(submenu).style.display == null)
 document.getElementById(submenu).style.display = "none";
 
/* The toggle section. 
If the value of the submenu element's display is "none", 
then it's set to "block"; if the value is "block", it's set to "none".
The \li_sub_on/off GIF is also reset accordingly.
*/
if (document.getElementById(submenu).style.display == "none") {
document.getElementById(submenu).style.display = "block";
document.getElementById(bar).src = barOn;
 }
else {
document.getElementById(submenu).style.display = "none";
document.getElementById(bar).src = barOff;

 }
}

/*------------------------------------------------------------------*/
/*--     Get all the elements with a given class name      --*/
/*------------------------------------------------------------------*/
function getElementsByClassName(tagname, classname) {
 
 /* only execute in 5+ browsers. */
 if (!document.getElementById) return false;

 /* get all elements with the tag name tagname. */

 var TagElements = document.getElementsByTagName(tagname);

 /* define an array which will hold the elements with the class name classname. */
 var elementsByClassName = new Array();

 /* Look at all the elements in TagElements, and find the ones with the class name classname. */

 for (i=0; i<TagElements.length; i++) {
  if (TagElements[i].className == classname) {
    elementsByClassName[elementsByClassName.length] = TagElements[i];
    }
 }
  return elementsByClassName;
}

/*------------------------------------------------------------------*/
/*--           Close the  menu sublevels                             --*/
/*------------------------------------------------------------------*/
var section;
function init() {
if (document.getElementById) {
changeclassstyle('div','sublevel','display','none');
changeclassstyle('td','pic','display','none');

if (section > 0) { togglemenu(section); }
 }
}


function changeclassstyle(tagname,classname,styleproperty,newstyle) {
 var tochange = getElementsByClassName(tagname,classname);
  for (k=0; k < tochange.length; k++) {
    eval("tochange[k].style." + styleproperty + " = " + "'" + newstyle + "'");
  }
}