function toggleMenu(el, over)
{
    if (over) {
        Element.addClassName(el, 'over');
    }
    else {
        Element.removeClassName(el, 'over');
    }
}

//------------------- Son-Of-Sucker-Fish IE Hack -------------------//

sfHover = function() {

  if (document.getElementById("nav")) {

	  var sfEls = document.getElementById("nav").getElementsByTagName("li");

	  for (var i=0; i < sfEls.length; i++) {

		sfEls[i].onmouseover=function() {

		  this.className+=" sfHover";

		}

		sfEls[i].onmouseout=function() {

		  this.className=this.className.replace(new RegExp(" sfHover\\b"), "");

		}

	  }

   }

 }

 if (window.attachEvent) window.attachEvent("onload", sfHover);



/** JavaScript **/

ieHover = function() {

var ieULs = document.getElementById('nav').getElementsByTagName('ul');

/** IE script to cover <select> elements with <iframe>s **/

for (j=0; j<ieULs.length; j++) {

ieULs[j].innerHTML = ('<iframe src="about:blank" scrolling="no" frameborder="0"></iframe>' + ieULs[j].innerHTML);

/*ieULs[j].innerHTML = ('<iframe id="iePad' + j + '" src="about:blank" scrolling="no" frameborder="0" style=""></iframe>' + ieULs[j].innerHTML);

	var ieMat = document.getElementById('iePad' + j + '');*/

//	var ieMat = ieULs[j].childNodes[0];  alert(ieMat.nodeName); // also works...

	var ieMat = ieULs[j].firstChild;

		ieMat.style.width=ieULs[j].offsetWidth+"px";

		ieMat.style.height=ieULs[j].offsetHeight+"px";	

		ieULs[j].style.zIndex="99";

}

/** IE script to change class on mouseover **/

	var ieLIs = document.getElementById('nav').getElementsByTagName('li');

	for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {

		ieLIs[i].onmouseover=function() {this.className+=" iehover";}

		ieLIs[i].onmouseout=function() {this.className=this.className.replace(' iehover', '');}

	}}

if (window.attachEvent) window.attachEvent('onload', ieHover);