var hide = new Array();
hide['DivSubmenu01'] = 0;
hide['DivSubmenu02'] = 0;
hide['DivSubmenu03'] = 0;

var timeoutHandle;

initMenu = function() {
    initMenuItem('DivSubmenu01');
    initMenuItem('DivSubmenu02');
    initMenuItem('DivSubmenu03');
}

function disableOnMouseOut(el) {
    if (el.nodeType != 1) return;
    if (el.hasChildNodes()) {
	var i;
        for (i = 0; i < el.childNodes.length; i++) {
            disableOnMouseOut(el.childNodes[i]);
        }
    }
    el.onmouseout = function(e) {
        if (!e) var e = window.event;
        debug = document.getElementById('debug1');
        debug.innerHTML += 'c-' + e.srcElement.tagName + "<br/>";
        e.cancleBubbling = true;
        return;
    } 
    
}

function initMenuItem(srcItemId, subMenuItemId) {

    if (!subMenuItemId) {
        subMenuItemId = srcItemId;
    }
    
    var srcMenuItem = document.getElementById(srcItemId);
    var subMenuItem = document.getElementById(subMenuItemId);

    srcMenuItem.onmouseout = function(e) {
        hide[srcItemId] = 1;
        timeoutHandle = setTimeout("hideMenu('" + srcItemId + "');", 500);
    }
    srcMenuItem.onmouseover = function(e) {
        clearTimeout(timeoutHandle);
        hide[srcItemId] = 0;
        subMenuItem.style.display = 'block';
        return;
    }
}

function hideMenu(elId) {
    var subMenuItem = document.getElementById(elId);
    //debugger;
    //if (hide[elId] == 1) subMenuItem.style.display = 'none';
    subMenuItem.style.display = 'none';
}
function OtevriSubmenu(elId) {
    var el = document.getElementById(elId);
    el.style.display = "block";
}
function ZavriSubmenu(elId, leave) {    
    var el = document.getElementById(elId);
    el.style.display = "none";
    for (var i = 1; i <= 3; i++) {
        var elId = 'DivSubmenu0' + i;        
        document.getElementById(elId).style.display = 'none';
    }
}

var ie7 = false;
if (window.ActiveXObject && window.XMLHttpRequest) ie7 = true;
if (ie7 && window.attachEvent) window.attachEvent("onload", initMenu);