function initPage(){
	var _parent = document.getElementById('nav');
	if(_parent) {
		var _li = _parent.getElementsByTagName('li');
		for(i=0;i<_li.length;i++){
			_li[i].getElementsByTagName('a')[0].onclick = function(){
				if(this.parentNode.className.indexOf('active')==-1) {
					removeActive(this.parentNode);
					var _node = this;
					while(_node.id!='nav'){
						if(_node.tagName.toUpperCase() == 'LI') _node.className += ' active';
						_node = _node.parentNode;
					}
					if(this.parentNode.parentNode.id=='nav') {
						if(this.parentNode.getElementsByTagName('li')[0]) {
							this.parentNode.getElementsByTagName('li')[0].className += ' active';
						}
					}
				}
			}
			_li[i].onmouseover = function(){
				this.className += ' hov';
				if(this.getElementsByTagName('div').length) {
					_parent.className += ' hovered';
					this.className += ' hover';
				}
			}
			_li[i].onmouseout = function(){
				this.className = this.className.replace('hov','');
				if(this.getElementsByTagName('div').length) {
					_parent.className = _parent.className.replace('hovered','');
					this.className = this.className.replace('hover','');
				}
			}
		}
		function removeActive(obj){
			for(i=0;i<_li.length;i++){
				_li[i].className = _li[i].className.replace('active','');
			}
		}
	}
}

if (window.addEventListener)
	window.addEventListener("load", initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPage);