/* 
   Simple JQuery Accordion menu.
   HTML structure to use:

   <ul id="menu">
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     ...
     ...
   </ul>
 */

$(document).ready(function() {
    initMenu($.cookie('sousmenu_ul'), $.cookie('sousmenu_a'));
});

function initMenu(ssmenuId, ssmenuLink) {
    $('#menu ul').hide();
    $('#menu li a').click(
	function() {
	    var ulElement = $(this).next();	    
	    if(ulElement.is('ul')) {
		// On a cliqué sur un pseudo lien <a href="#"...>
		// On sauvegarde en session l'id de l'élément de sous menu <ul> associé
		$.cookie('sousmenu_ul', ulElement.attr('id'));
		if(ulElement.is(':visible')) {
		    return false;
		}
		else{
		    $('#menu ul:visible').slideUp('normal');
		    ulElement.slideDown('normal');
		    return false;
		}
	    }
	    else {
		if($(this).is('a') && $(this).attr('href') != "#") {
		    // On a cliqué sur un lien du sous-menu
		    $.cookie('sousmenu_a', $(this).attr('href'));
		}
	    }
	    
	    return true;
	});

    // On surligne le lien actif
    $('#menu li a').removeClass('ssmenu_selectionne');
    $('#menu li a[href="' + ssmenuLink + '"]').addClass('ssmenu_selectionne');

    // On déroule l'élément de menu sélectionné
    var ssmenu = $('#' + ssmenuId);
    if(!ssmenu.length) {
	$('#menu ul:first').show();
    }
    else {
	ssmenu.show();
    }
}

