var timeOutTable = new Array(7);
var subMenuNumber = 5;

function hideAll() {
    for (i=1; i<=subMenuNumber;i++) {
        hideSubMenu(i);
    }
} 

function hideSubMenu(id) {
    if (myObj = document.getElementById("subMenu_" + id)) {
        myObj.style.display = "none";
    }
}

function startHiding(id) {
    timeOutTable[id] = setTimeout('hideSubMenu(\'' + id +'\')', 300)
}


function stopHiding(id) {
    clearTimeout(timeOutTable[id]);
}

function showSubMenu(id) {
    stopHiding(id);
    hideAll();
    if (myObj = document.getElementById("subMenu_" + id)) {
      myObj.style.display = "block";
    }
}