window.onload = function(){
	initSubMenu();	
}
var count = 10;
var over = 0;
var idTimeout;
function initSubMenu(){
	for(i=1;i<count+1;i++){
		if(document.getElementById("submenu"+i)){
			document.getElementById("menu"+i).num = i;
			document.getElementById("menu"+i).onmouseover = function(){
				doShow(this.num);	
			}
			document.getElementById("menu"+i).onmouseout = function(){
				doHide();	
			}
			
			document.getElementById("submenu"+i).num = i;
			document.getElementById("submenu"+i).onmouseover = function(){
				doShow(this.num);	
			}
			document.getElementById("submenu"+i).onmouseout = function(){
				doHide();	
			}
		}
	}
}
function doShow(num){
	clearTimeout(idTimeout);
	var subBlock = document.getElementById("submenu"+num);
	var subBlockMenu = document.getElementById("mainMenuList").getElementsByTagName("ul");
	for(i=1;i<count+1;i++){
		if(document.getElementById("submenu"+i)){
			document.getElementById("submenu"+i).style.display = "none";
		}
	}
	if(subBlockMenu.length == num){
		subBlock.style.marginLeft = "-153px";
	}
	else if(subBlockMenu.length-1 == num){
		subBlock.style.marginLeft = "-55px";
	}
	subBlock.style.display = "block";
	over = 1;
}
function doHide(){
	over = 0;
	idTimeout = setTimeout(checkHide, 500);
	function checkHide(){
		if(over != 1){
			for(i=1;i<count+1;i++){
				if(document.getElementById("submenu"+i)){
					document.getElementById("submenu"+i).style.display = "none";
				}
			}	
		}
	}	
}
function getElementPosition(elemId){
    var elem = elemId;
	
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
	
    var l = 0;
    var t = 0;
	
    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }

    return {"left":l, "top":t, "width": w, "height":h};
}
function getClientWidth(){
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight(){
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
function getDocumentHeight(){
	return (document.body.scrollHeight > document.body.offsetHeight)?document.body.scrollHeight:document.body.offsetHeight;
}
function getDocumentWidth(){
	return (document.body.scrollWidth > document.body.offsetWidth)?document.body.scrollWidth:document.body.offsetWidth;
}