<attach event="onmouseover" handler="hoverRollOver" />
<attach event="onmouseout" handler="hoverRollOff" />
<script type="text/javascript">
/**
 * <p>Very simple hover behaviour.</p>
 * <p/>
 * <p>Creates a `classnameHover` class for each classname to emulate tag.class:hover,
 * adds a `hover` class to emulate tag:hover.</p>
 * <p>NOTE: Lack of look-ahead assertions in javascript makes it only work correctly 
 * on classnames consisting of [a-zA-Z0-9\-_]+</p>
 * <p/>
 * <p>Based on http://www.hszk.bme.hu/~hj130/css/list_menu/hover/</p>
 * 
 * @author Michal Zubek
 */
 
function hoverRollOver() {
	element.origClassName = element.className;	// backup origonal className
	var tempClassStr = element.className.replace(/([a-zA-Z][a-zA-Z0-9\-_]*)/g, "$1 $1Hover ");		
//	alert(element.className+"\n"+tempClassStr);
	element.className = tempClassStr + "hover"; 
}

function hoverRollOff() {
	element.className = element.origClassName;
}


/*
// IE6 Fix > generate a large file to make it work on Apache after being gzipped
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas gravida metus orci. Sed non
felis purus, quis mollis diam. Nulla iaculis luctus lacus vel viverra. Vestibulum et nulla nunc.
Aliquam sem risus, tincidunt vitae interdum sed, lobortis in turpis. Fusce vestibulum lectus
non urna aliquam venenatis. Donec sed felis id lorem venenatis varius. Sed vitae nibh nisl.
Aenean condimentum dictum erat, a vestibulum ante varius vel. In dui augue, rutrum at iaculis
et, rutrum in nibh. Sed semper venenatis nibh a tempus. In sit amet blandit lacus. Maecenas
ac faucibus odio. Donec nec leo nec ligula posuere accumsan. Aenean sed lacus leo. Donec
aliquam lorem nec ipsum dapibus eu dapibus purus sollicitudin. Pellentesque consectetur
elit et libero congue vitae consectetur odio tincidunt.
*/

</script>
