function bindReady(handler){
		var called = false
		function ready() {
			if (called) return
			called = true
			handler()
		}
		if (document.addEventListener) {
			document.addEventListener( "DOMContentLoaded", ready, false )
		} else if (document.attachEvent) {
			if (document.documentElement.doScroll && window == window.top) {
				function tryScroll(){
					if (called) return
					if (!document.body) return
					try {
						document.documentElement.doScroll("left")
						ready()
					} catch(e) {
						setTimeout(tryScroll, 0)
					}
				}
				tryScroll()
			}
			document.attachEvent("onreadystatechange", function(){
				if ( document.readyState === "complete" ) {
					ready()
				}
			})
		}
		if (window.addEventListener) window.addEventListener('load', ready, false)
		else if (window.attachEvent) window.attachEvent('onload', ready)
}

bindReady(function(){
	//clonElement();
	initDropDown();
});
function clonElement() {
	var box = document.getElementById("nav");
	if(box) {
		var lis = box.getElementsByTagName("li");
		for (var i=0; i<lis.length; i++) {
			if (lis[i].parentNode == box) {
				var _el = lis[i].parentNode.getElementsByTagName("strong");
				for (var j=0; j<_el.length; j++) {
					if (_el[j].parentNode == lis[i]) {
						var clonHolder = document.createElement("strong");
						clonHolder.className = "alt";
						clonHolder.innerHTML =  _el[j].innerHTML ;
						lis[i].insertBefore(clonHolder,lis[i].getElementsByTagName('*')[0]);
						break;
					}
				}
			}
		}
	}
}
function initDropDown()
{
	var nav = document.getElementById("nav");
	var _hover = false;
	if(nav) {
		var lis = nav.getElementsByTagName("li");
		for (var i=0; i<lis.length; i++) {
			if(lis[i].getElementsByTagName("ul").length > 0) {
				lis[i].className += " has-drop-down"
				var _x = lis[i].getElementsByTagName("strong");
				for (var j=0; j<_x.length; j++) {
					_x[j].className += " has-drop-down-a"
				}			
			}
			if (_hover) {
				lis[i].onmouseover = function(e){
					if (e.target == 'li') 
						this.className += " hover";
				}
				lis[i].onmouseout = function(e){
					this.className = this.className.replace(" hover", "");
				}
			}
		}
	}
}
