jQuery.fn.extend({	
	menu: function(){
	
document.write('<style type="text/css">\n'
		    +'#smoothmenu2 ul li ul {position:absolute;margin:-40px 0 0 0;}\n'
		+'</style>')
		// Je commence par selectionner le premier noeud "ul" (on peut ainsi placer son selecteur de declaration de menu ou l'on souhaite dans le code HTML

		if(this.is('ul')){
			selector = this;
		}else{
			selector= this.find('ul:first')
		}

		var $headers=selector.find("ul").parent()
        $headers.hover(
            function(e){
                $(this).children('a:eq(0)').addClass('selected')
            },
            function(e){
                $(this).children('a:eq(0)').removeClass('selected')
            }
        )

		//Je commence par cacher tous les sous menu (ul imbriques) au cas ou une autre methode n'aurait pas ete utilisee.
		selector.find('ul').css({display:'none', visibility:'visible'});
	
		// Gestion des evenements souris : au survol on affiche le sous menu en cachant les sous menus frere et au retrait de la souris on cache le sous menu
		selector.find('li:has(ul)').hover(
			function(){
				$(this).find('ul:not(:animated)').css({display:'block'}); // .css() permet de définir le style position:absolute comme je le disais
				$(this).siblings('li').find('ul:visible').css({display:'none'}); // On cache les sous menus frere qui pourraient rester visible si on se deplace trop vite de menu en menu
			},
			function(){$(this).find('ul:not(:animated)').css({display:'none'});}
		)

		// Pour l'accessibilite on geres les evenements au clavier aussi
		selector.find('li:has(ul) a').focus(
			function(){
			    $(this).parents('li').find('ul').css({display:'block'});
			    $(this).parents('li').parents('li').find('a:eq(0)').addClass('selected');
			}
		)

		selector.find('li:has(ul) ul li:last-child a').blur(
			function(){
			    $(this).parents('ul:first').css({display:'none'});
			    $(this).parents('li').parents('li').find('a:eq(0)').removeClass('selected');
			    }
		)
	}
});