window.addEvent("domready", function(){
    if ($("sectorMenu")) {
        $("sectorMenu").addEvent("mouseleave", (function() {
                $("sectorImage").src = "/images/sectors.jpg";
                $("sectorFull").setStyle("display", "none");
            }).bind(this));      
        $("sectorRoot").addEvent("mouseover", (function() {
                $("sectorImage").src = "/images/sectors_over.jpg";
                $("sectorFull").setStyle("display", "block");
            }).bind(this));
    }
});

var submenuTimer = null;
var currentSubMenu = null;
var currentSubMenuImage = null;

function showSubMenu(id, img) {
    var submenu = $(id);
    if (submenu) {
        if (currentSubMenu) {
            if (submenu == currentSubMenu) {
                if (submenuTimer)
                    clearTimeout(submenuTimer);
            }
            else {
                doHideSubMenu();
            }
        }
        
        if (img) {
            currentSubMenuImage = $(img);
            var left_pos = img.getPosition().x;
            if (submenu.id != "submenuCompany") left_pos += 10;
            submenu.setStyle("left", left_pos + "px");
        }
        //if (currentSubMenuImage && currentSubMenuImage.src.indexOf("_over.jpg") == -1)
        //    currentSubMenuImage.src = currentSubMenuImage.src.replace(".jpg", "_over.jpg");
            
        currentSubMenu = submenu;
        submenu.setStyle("display", "block");
    }
}
function hideSubMenu() {
    submenuTimer = setTimeout(doHideSubMenu, 200);
}
function doHideSubMenu() {
    if (submenuTimer)
        clearTimeout(submenuTimer);
    if (currentSubMenu)
        currentSubMenu.setStyle("display", "none");
    if (currentSubMenuImage)
        currentSubMenuImage.src = currentSubMenuImage.src.replace("_over.jpg", ".jpg");
        
}