// JavaScript Document Copyright Léon loukine
//MENU PRODUIT
$(document).ready(function () {
	$(".menu .upMenuM").click(function () {
		$(".menu .menu_liste").slideToggle("fast");
		$(".menu1 .menu_liste").slideUp("fast");
		$(".menu2 .menu_liste").slideUp("fast");
		$(".menu3 .menu_liste").slideUp("fast");
		$(".menu4 .menu_liste").slideUp("fast");
		$(".menu5 .menu_liste").slideUp("fast");
		$(".menu .upMenuM").addClass("borderDown");
		$(".menu1 .upMenuM").addClass("borderOk");
		$(".menu1 .upMenuM").removeClass("borderDown");
		$(".menu2 .upMenuM").removeClass("borderDown");
		$(".menu3 .upMenuM").removeClass("borderDown");
		$(".menu4 .upMenuM").removeClass("borderDown");
		$(".menu5 .upMenuM").removeClass("borderDown");
		$(".menu_liste1").slideUp("fast");
	});
	$(".menu1 .upMenuM").click(function () {
		$(".menu1 .menu_liste").slideToggle("fast");
		$(".menu .menu_liste").slideUp("fast");
		$(".menu2 .menu_liste").slideUp("fast");
		$(".menu3 .menu_liste").slideUp("fast");
		$(".menu4 .menu_liste").slideUp("fast");
		$(".menu5 .menu_liste").slideUp("fast");
		$(".menu1 .upMenuM").addClass("borderDown");
		$(".menu1 .upMenuM").removeClass("borderOk");
		$(".menu2 .upMenuM").addClass("borderOk");
		$(".menu .upMenuM").removeClass("borderDown");
		$(".menu2 .upMenuM").removeClass("borderDown");
		$(".menu3 .upMenuM").removeClass("borderDown");
		$(".menu4 .upMenuM").removeClass("borderDown");
		$(".menu5 .upMenuM").removeClass("borderDown");
		$(".menu_liste1").slideUp("fast");
	});
	$(".menu2 .upMenuM").click(function () {
		$(".menu2 .menu_liste").slideToggle("fast");
		$(".menu .menu_liste").slideUp("fast");
		$(".menu1 .menu_liste").slideUp("fast");
		$(".menu3 .menu_liste").slideUp("fast");
		$(".menu4 .menu_liste").slideUp("fast");
		$(".menu5 .menu_liste").slideUp("fast");
		$(".menu2 .upMenuM").addClass("borderDown");
		$(".menu2 .upMenuM").removeClass("borderOk");
		$(".menu3 .upMenuM").addClass("borderOk");
		$(".menu .upMenuM").removeClass("borderDown");
		$(".menu1 .upMenuM").removeClass("borderDown");
		$(".menu3 .upMenuM").removeClass("borderDown");
		$(".menu4 .upMenuM").removeClass("borderDown");
		$(".menu5 .upMenuM").removeClass("borderDown");
		$(".menu_liste1").slideUp("fast");
	});
	$(".menu3 .upMenuM").click(function () {
		$(".menu3 .menu_liste").slideToggle("fast");
		$(".menu .menu_liste").slideUp("fast");
		$(".menu1 .menu_liste").slideUp("fast");
		$(".menu2 .menu_liste").slideUp("fast");
		$(".menu4 .menu_liste").slideUp("fast");
		$(".menu5 .menu_liste").slideUp("fast");
		$(".menu3 .upMenuM").addClass("borderDown");
		$(".menu3 .upMenuM").removeClass("borderOk");
		$(".menu4 .upMenuM").addClass("borderOk");
		$(".menu .upMenuM").removeClass("borderDown");
		$(".menu1 .upMenuM").removeClass("borderDown");
		$(".menu2 .upMenuM").removeClass("borderDown");
		$(".menu4 .upMenuM").removeClass("borderDown");
		$(".menu5 .upMenuM").removeClass("borderDown");
		$(".menu_liste1").slideUp("fast");
	});
	$(".menu4 .upMenuM").click(function () {
		$(".menu4 .menu_liste").slideToggle("fast");
		$(".menu .menu_liste").slideUp("fast");
		$(".menu1 .menu_liste").slideUp("fast");
		$(".menu2 .menu_liste").slideUp("fast");
		$(".menu3 .menu_liste").slideUp("fast");
		$(".menu5 .menu_liste").slideUp("fast");
		$(".menu4 .upMenuM").addClass("borderDown");
		$(".menu4 .upMenuM").removeClass("borderOk");
		$(".menu5 .upMenuM").addClass("borderOk");
		$(".menu .upMenuM").removeClass("borderDown");
		$(".menu1 .upMenuM").removeClass("borderDown");
		$(".menu2 .upMenuM").removeClass("borderDown");
		$(".menu3 .upMenuM").removeClass("borderDown");
		$(".menu5 .upMenuM").removeClass("borderDown");
		$(".menu_liste1").slideUp("fast");
	});
	$(".menu5 .upMenuM").click(function () {
		$(".menu5 .menu_liste").slideToggle("fast");
		$(".menu .menu_liste").slideUp("fast");
		$(".menu1 .menu_liste").slideUp("fast");
		$(".menu2 .menu_liste").slideUp("fast");
		$(".menu3 .menu_liste").slideUp("fast");
		$(".menu4 .menu_liste").slideUp("fast");
		$(".menu5 .upMenuM").addClass("borderDown");
		$(".menu5 .upMenuM").removeClass("borderOk");
		$(".menu .upMenuM").removeClass("borderDown");
		$(".menu1 .upMenuM").removeClass("borderDown");
		$(".menu2 .upMenuM").removeClass("borderDown");
		$(".menu3 .upMenuM").removeClass("borderDown");
		$(".menu4 .upMenuM").removeClass("borderDown");
		$(".menu_liste1").slideUp("fast");
	});
	//MENU SUPERIEUR
	$(".menu6 .upMenu1").click(function () {
		$(".menu6 .menu_liste1").slideToggle("medium");
		$(".menu7 .menu_liste1").slideUp("fast");
		$(".menu8 .menu_liste1").slideUp("fast");
		$(".menu_liste").slideUp("fast");
	});
	$(".menu7 .upMenu1").click(function () {
		$(".menu7 .menu_liste1").slideToggle("medium");
		$(".menu6 .menu_liste1").slideUp("fast");
		$(".menu8 .menu_liste1").slideUp("fast");
		$(".menu_liste").slideUp("fast");
	});
	$(".menu8 .upMenu1").click(function () {
		$(".menu8 .menu_liste1").slideToggle("medium");
		$(".menu6 .menu_liste1").slideUp("fast");
		$(".menu7 .menu_liste1").slideUp("fast");
		$(".menu_liste").slideUp("fast");
	});
	$(".menu_liste1 .close").click(function () {
		$(".menu_liste1").slideUp("fast");
	});
	$(".menu_liste .close").click(function () {
		$(".menu_liste").slideUp("fast");
	});
  //Get all the LI from the #tabMenu UL
	$('#tabMenu > li').click(function(){
		$(".menu_liste").slideUp("fast");
		$(".menu_liste1").slideUp("fast");
		//remove the selected class from all LI    
		$('#tabMenu > li').removeClass('selected');
		//Reassign the LI
		$(this).addClass('selected');
		//Hide all the DIV in .boxBody
		$('.boxBody div').slideUp('1500');
		//Look for the right DIV in boxBody according to the Navigation UL index, therefore, the arrangement is very important.
		$('.boxBody div:eq(' + $('#tabMenu > li').index(this) + ')').slideDown('1500');
	})
	.mouseover(function() {
		//Add and remove class, Personally I dont think this is the right way to do it, anyone please suggest    
		$(this).addClass('mouseover');
		$(this).removeClass('mouseout');   
	})
	.mouseout(function() {
		//Add and remove class
		$(this).addClass('mouseout');
		$(this).removeClass('mouseover');    
	});
});