﻿// initialisation du timer utilisé pour le chanhements de CssClass sur le premier élément parent
var cap_topMenuTimer;

// detection de la largeur de la fenêtre, pour centrer automatiquement les sous menus très large
var cap_windowComputedSize = $$('body')[0].getComputedSize();
window.addEvent('resize', function() {
    cap_windowComputedSize = $$('body')[0].getComputedSize();
    cap_resizeLargeSubMenu();
});

function cap_resizeLargeSubMenu() {
    var subMenuWidth = cap_windowComputedSize.width - 10 + 'px';
    $$('.largeSubMenu') .each(function(item) {
        item.setStyle('width', subMenuWidth);
    });
}

/*function cap_menuTop_ItemMouseOver(sender, eventArgs) {
    var indexOfRootItem = cap_menuTop_getRootItemIndex(eventArgs.get_item());
    if (indexOfRootItem) cap_menuTop_changeFirstParentItemCssClass_toDefault();
}

function cap_menuTop_ItemMouseOut(sender, eventArgs) {
    var indexOfRootItem = cap_menuTop_getRootItemIndex(eventArgs.get_item());
    if (indexOfRootItem) cap_menuTop_changeFirstParentItemCssClass_toExpand();
}

function cap_menuTop_isRootItem(item) {
    return (item.get_parentItem() == null);
}

function cap_menuTop_getRootItemIndex(item) {
    if (cap_menuTop_isRootItem(item))
        return item.get_index();
    else
        return item.get_parentItem().get_index();
}

function cap_menuTop_changeFirstParentItemCssClass_toExpand() {
    // selection du premier élément parent
    var menuItem = $$('#menu .topMenu td')[0];

    if (menuItem && menuItem != '') {

        // annulation de la fonction de changemet du CssClass -> 'expand'
        cap_topMenuTimer = $clear(cap_topMenuTimer);

        // initialisation du status pour le delais de changement du CssClass
        menuItem.setProperty('status', 'wait');

        // CssClass -> 'expand' (avec delais)
        function initDelay() {
            if (menuItem.getProperty('status') == 'wait') {
                // changement du CssClass
                menuItem.removeClass('default');
                menuItem.addClass('expand');
                // suppression du status
                menuItem.removeProperty('status');
            }
        };
        cap_topMenuTimer = initDelay.bind(this).delay(500);

    }
}

function cap_menuTop_changeFirstParentItemCssClass_toDefault() {
    // selection du premier élément parent
    var menuItem = $$('#menu .topMenu td')[0];

    if (menuItem && menuItem != '') {

        // suppression du status
        menuItem.removeProperty('status');

        // changement du CssClass
        function initDelay() {
            menuItem.addClass('default');
            menuItem.removeClass('expand');
        };
        initDelay.bind(this).delay(100);

    }
}*/
