var selectedMenu ;
var menu ;
var subMenu ;

function initMenu () {
    if( $('li',menu).size() == 0 )
        return ;

    menu    = $('#menu ul');
    subMenu = $('#submenu');

    selectedMenu = $('li.selected', menu);
    if( selectedMenu.size() == 0 )
        selectedMenu = $('li', menu).eq(0);

    // Affichage du sous menu sélectionné
    $('ul', subMenu).hide();
    var id = $('a', selectedMenu).attr ('href');
    $('ul' + id, subMenu).show();
    $('li.selected', menu).removeClass('selected');
    selectedMenu.addClass('selected');

    // mouseover handler
    $('li',menu).mouseover(showSubMenu);
}

function showSubMenu () {
    $('li.selected', menu).removeClass('selected');
    $(this).addClass('selected');
    var id = $('a',this).attr('href');
    $('ul', subMenu).hide();
    $('ul'+id, subMenu).show();
}

initMenu();