/plugins/blocs/menu_horizontal/html/CSSMenu.js

// Javascript for the CMS CSS Menu Module
// Copyright (c) 2005 Alexander Endresen
// Released under General Public Licence
// This script will emulate the css :hover effect on the menu elements in IE

// The variables
var cssid = "primary-nav"; // CSS ID for the menuwrapper
var apercu_cssid = "apercu_menu"; // CSS ID for the menuwrapper
var menuadd = "h";  // Character to be added to the specific classes upon hovering. So for example, if this is set to "h", class "menuparent" will become "menuparenth" when hovered over.
var menuh = "menuh"; // Classname for hovering over all other menu items

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

function cssHover() {
	var sfEls = document.getElementById(cssid).getElementsByTagName("LI");
	
	for (var i=0; i<sfEls.length; i++) {

		sfEls[i].onmouseover=function() {
			if (this.className != "") {
				this.className = this.className + menuadd;
			}
			else {	
				this.className = menuh;
			}
		}

		sfEls[i].onmouseout=function() {
			if (this.className == menuh) {
				this.className = "";
			}
			else {
				this.className = this.className.replace(new RegExp(menuadd + "$"), "");
			}
		}
	}
	if (document.getElementById(apercu_cssid))
	{
		var apercu_sfEls = document.getElementById(apercu_cssid).getElementsByTagName("LI");
		for (var i=0; i<apercu_sfEls.length; i++) {

			apercu_sfEls[i].onmouseover=function() {
				if (this.className != "") {
					this.className = this.className + menuadd;
				}
				else {	
					this.className = menuh;
				}
			}

			apercu_sfEls[i].onmouseout=function() {
				if (this.className == menuh) {
					this.className = "";
				}
				else {
					this.className = this.className.replace(new RegExp(menuadd + "$"), "");
				}
			}
		}
	}
}