$(document).ready(creer);

function creer(){
	
	$(".menudynamique").slideUp("fast");
	$('<ul id="listeVitraux"></ul>').appendTo('.menudynamique');
	$('<li><a href="armoires.html">Armoires de cuisine</a></li>').appendTo('#listeVitraux');
	$('<li><a href="portes_impostes.html">Portes et impostes</a></li>').appendTo('#listeVitraux');
	$('<li><a href="oeil_boeuf.html">Oeil de boeuf</a></li>').appendTo('#listeVitraux');
	$('<li><a href="meubles.html">Meubles</a></li>').appendTo('#listeVitraux');
	$('<li><a href="lampes.html">Lampes</a></li>').appendTo('#listeVitraux');
	$('<li><a href="autres.html">Autres</a></li>').appendTo('#listeVitraux');
	
	initialiser();
}

function initialiser(){
	
	faire_disparaitre();
	$("#menu li:eq(1)").hover(faire_derouler, faire_disparaitre);
	$("#listeVitraux li").hover(btnHover, btnOut);
	function faire_derouler()
	{
		$(".menudynamique").slideDown(1);
		$("#listeVitraux").slideDown(400);
	}
	
	function faire_disparaitre()
	{
		$("#listeVitraux").slideUp("fast");
		$(".menudynamique").slideUp("fast");
	}
	
	function btnHover()
	{
		$(this).toggleClass("btnDynamiqueHover", true);
	}
	
	function btnOut()
	{
		$(this).toggleClass("btnDynamiqueHover", false);
	}
}