var navRoot;
var lis;
//dynamic top navigation
initNav = function() {
	navRoot = document.getElementsByTagName("ul");
	for (var j = 0; j < navRoot.length; j++) {
		if (navRoot[j].className.indexOf('navigation') != -1)
		{
			nodes = navRoot[j].getElementsByTagName("li");
			for (var i=0; i<nodes.length; i++)
			{
				nodes[i].onmouseover = function()
				{
					this.className += " hover";
				}
				nodes[i].onmouseout = function()
				{
					this.className = this.className.replace("hover", "");
				}
			}
		}
	}
}
if (window.addEventListener)
	window.addEventListener("load", initNav, false);
else if (window.attachEvent)
	window.attachEvent("onload", initNav);

var _maxWidth = 0;
function navWidth(){
	var _menu = document.getElementsByTagName("ul");
	for (var j = 0; j < _menu.length; j++) {
		if (_menu[j].className.indexOf('navigation') != -1){
			var _uls = _menu[j].getElementsByTagName("div");
			for (var k = 0; k < _uls.length; k++) {
				if (_uls[k].className.indexOf('drop') != -1) {
					_maxWidth = 0;
					var _a = _uls[k].getElementsByTagName("strong");
					for (var i = 0; i < _a.length; i++) {
						if (_maxWidth<_a[i].offsetWidth)
						_maxWidth = _a[i].offsetWidth;
					}
					_uls[k].style.width = _maxWidth + 30 +"px";
					_uls[k].style.visibility = 'visible';
					_uls[k].style.display = 'none'; 
				}
			}		
		}
	}
}
if (window.addEventListener)
	window.addEventListener("load", navWidth, false);
else if (window.attachEvent)
	window.attachEvent("onload", navWidth);