function setHoverLinks() {

	root = document.getElementById('navi');
	for (var i=0; i<root.childNodes.length;i++) {
		if (root.childNodes[i].nodeName == 'LI') {
			root.childNodes[i].onmouseover = function() {
				this.className = (this.className.indexOf('out') != -1) ? this.className.replace(/ out/, ' hover') : this.className + ' hover';
			}
			root.childNodes[i].onmouseout = function() {
				this.className = this.className.replace(/ hover/, ' out');
			}
		}
	}
}



//### HELPER ###//
function addEvent(obj, evType, fn) {
	
	if (obj.addEventListener) {
		obj.addEventListener(evType, fn, true);
		return true;
	}
	else if (obj.attachEvent) {
		var r = obj.attachEvent('on'+evType, fn);
		return r;
	}
	else {
		return false;
	}
}

addEvent(window, 'load', setHoverLinks);