function initHover()
{
	var _nav = document.getElementById("navigation");
	if (_nav){
		var nodes = _nav.getElementsByTagName("li");
		
		for (var i=0; i<nodes.length; i++){
			nodes[i].onmouseover = function(){
				if (this.className.indexOf('hover') == -1)this.className += " hover";
				var _innerNodes = this.getElementsByTagName('a');
				var _innerWidth = 0;
				for(j=0;j<_innerNodes.length;j++) {
					if(_innerNodes[j].offsetWidth>_innerWidth) _innerWidth = _innerNodes[j].offsetWidth;
				}
				__ul = this.getElementsByTagName('ul')[0];
				if(__ul) __ul.style.width =  _innerWidth + 'px';
			}
			nodes[i].onmouseout = function(){
				this.className = this.className.replace("hover", "");
			}
		}
	}
}
if (window.addEventListener)
	window.addEventListener("load", initHover, false);
else if (window.attachEvent)
	window.attachEvent("onload", initHover);

function initNav(){
	var _navigation = document.getElementById("navigation");
	if (_navigation){
		var nodes = _navigation.getElementsByTagName("li");
		var _liCount = 0;
		var _liWidth = 0;
		for (var i=0; i<nodes.length; i++) {
			if(nodes[i].parentNode.id=='navigation') {
				_liCount++;
				_liWidth += nodes[i].offsetWidth;
			}
		}		
		if(_liCount!=0 && _liWidth!=0 && 814>_liWidth) {
			var _liMargin = Math.round(((814 - _liWidth)/(_liCount+1))/2);
		}
		for (var i=0; i<nodes.length; i++) {
			if(nodes[i].parentNode.id=='navigation') {
				nodes[i].style.marginLeft = _liMargin + 'px';
				nodes[i].style.marginRight = _liMargin + 'px';
			}
		}
	}
}

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