/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!
/***************************/

jQuery(document).ready(function(){
	jQuery(".menu > li").click(function(e){
		switch(e.target.id){
        
        
        
            case "accueil":
				//change status & style menu
				jQuery("#accueil").addClass("active");
				jQuery("#class-800").removeClass("active");
                jQuery("#expresso").removeClass("active");
				jQuery("#petit-dejeuner").removeClass("active");
                jQuery("#preparation-culinaire").removeClass("active");
                jQuery("#cuisson").removeClass("active");
                jQuery("#ikitchen").removeClass("active");
                jQuery("#services").removeClass("active");
				//display selected division, hide others

                jQuery("div.class-800").css("display", "none");
				jQuery("div.expresso").css("display", "none");
				jQuery("div.petit-dejeuner").css("display", "none");
                jQuery("div.preparation-culinaire").css("display", "none");
                jQuery("div.cuisson").css("display", "none");
                jQuery("div.ikitchen").css("display", "none");
                jQuery("div.services").css("display", "none");


				
			break;
        
			case "class-800":
				//change status & style menu
				jQuery("#class-800").addClass("active");
                jQuery("#accueil").removeClass("active");
				jQuery("#expresso").removeClass("active");
				jQuery("#petit-dejeuner").removeClass("active");
                jQuery("#preparation-culinaire").removeClass("active");
                jQuery("#cuisson").removeClass("active");
                jQuery("#ikitchen").removeClass("active");
                jQuery("#services").removeClass("active");
				//display selected division, hide others
				jQuery("div.class-800").fadeIn();
                jQuery("div.accueil").css("display", "none");
				jQuery("div.expresso").css("display", "none");
				jQuery("div.petit-dejeuner").css("display", "none");
                jQuery("div.preparation-culinaire").css("display", "none");
                jQuery("div.cuisson").css("display", "none");
                jQuery("div.ikitchen").css("display", "none");
                jQuery("div.services").css("display", "none");


				jQuery(function(){
					//Get our elements for faster access and set overlay width
					var div = jQuery('#carousel-container-class-800'),
						ul = jQuery('#carousel-class-800'),
						ulPadding = 15;

					//Get menu width
					var divWidth = div.width();

					//Remove scrollbars
					div.css({overflow: 'hidden'});

					//Find last image container
					var lastLi = ul.find('li:last-child');

					//When user move mouse over menu
					div.mousemove(function(e){
						//As images are loaded ul width increases,
						//so we recalculate it each time
						var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
						var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
						div.scrollLeft(left);
					});
				});

			break;
			case "expresso":
					//change status & style menu
				jQuery("#expresso").addClass("active");
                jQuery("#accueil").removeClass("active");
				jQuery("#class-800").removeClass("active");
				jQuery("#petit-dejeuner").removeClass("active");
                jQuery("#preparation-culinaire").removeClass("active");
                jQuery("#cuisson").removeClass("active");
                jQuery("#ikitchen").removeClass("active");
                jQuery("#services").removeClass("active");
				//display selected division, hide others
				jQuery("div.expresso").fadeIn();
                jQuery("div.accueil").css("display", "none");
				jQuery("div.class-800").css("display", "none");
				jQuery("div.petit-dejeuner").css("display", "none");
                jQuery("div.cuisson").css("display", "none");
                jQuery("div.ikitchen").css("display", "none");
                jQuery("div.services").css("display", "none");
                jQuery("div.preparation-culinaire").css("display", "none");
                


				jQuery(function(){
					//Get our elements for faster access and set overlay width
					var div = jQuery('#carousel-container-expresso'),
						ul = jQuery('#carousel-expresso'),
						ulPadding = 15;

					//Get menu width
					var divWidth = div.width();

					//Remove scrollbars
					div.css({overflow: 'hidden'});

					//Find last image container
					var lastLi = ul.find('li:last-child');

					//When user move mouse over menu
					div.mousemove(function(e){
						//As images are loaded ul width increases,
						//so we recalculate it each time
						var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
						var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
						div.scrollLeft(left);
					});
				});



			break;
			case "petit-dejeuner":
					//change status & style menu
				jQuery("#petit-dejeuner").addClass("active");
                jQuery("#accueil").removeClass("active");
				jQuery("#class-800").removeClass("active");
				jQuery("#expresso").removeClass("active");
                jQuery("#preparation-culinaire").removeClass("active");
                jQuery("#cuisson").removeClass("active");
                jQuery("#ikitchen").removeClass("active");
                jQuery("#services").removeClass("active");
				//display selected division, hide others
				
                jQuery("div.accueil").css("display", "none");
				jQuery("div.class-800").css("display", "none");
				jQuery("div.expresso").css("display", "none");
                jQuery("div.cuisson").css("display", "none");
                jQuery("div.ikitchen").css("display", "none");
                jQuery("div.services").css("display", "none");
                jQuery("div.preparation-culinaire").css("display", "none");
                jQuery("div.petit-dejeuner").fadeIn();


				jQuery(function(){
					//Get our elements for faster access and set overlay width
					var div = jQuery('#carousel-container-petit-dejeuner'),
						ul = jQuery('#carousel-petit-dejeuner'),
						ulPadding = 15;

					//Get menu width
					var divWidth = div.width();

					//Remove scrollbars
					div.css({overflow: 'hidden'});

					//Find last image container
					var lastLi = ul.find('li:last-child');

					//When user move mouse over menu
					div.mousemove(function(e){
						//As images are loaded ul width increases,
						//so we recalculate it each time
						var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
						var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
						div.scrollLeft(left);
					});
				});
                
            break;
			case "preparation-culinaire":
					//change status & style menu
				jQuery("#preparation-culinaire").addClass("active");
                jQuery("#accueil").removeClass("active");
				jQuery("#class-800").removeClass("active");
				jQuery("#expresso").removeClass("active");
                jQuery("#petit-dejeuner").removeClass("active");
                jQuery("#cuisson").removeClass("active");
                jQuery("#ikitchen").removeClass("active");
                jQuery("#services").removeClass("active");
				//display selected division, hide others
				
                jQuery("div.acceuil").css("display", "none");
				jQuery("div.class-800").css("display", "none");
				jQuery("div.expresso").css("display", "none");
                jQuery("div.cuisson").css("display", "none");
                jQuery("div.ikitchen").css("display", "none");
                jQuery("div.services").css("display", "none");
                jQuery("div.petit-dejeuner").css("display", "none");
                jQuery("div.preparation-culinaire").fadeIn();


				jQuery(function(){
					//Get our elements for faster access and set overlay width
					var div = jQuery('#carousel-container-preparation-culinaire'),
						ul = jQuery('#carousel-preparation-culinaire'),
						ulPadding = 15;

					//Get menu width
					var divWidth = div.width();

					//Remove scrollbars
					div.css({overflow: 'hidden'});

					//Find last image container
					var lastLi = ul.find('li:last-child');

					//When user move mouse over menu
					div.mousemove(function(e){
						//As images are loaded ul width increases,
						//so we recalculate it each time
						var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
						var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
						div.scrollLeft(left);
					});
				});
                
                
            break;
			case "cuisson":
					//change status & style menu
				jQuery("#cuisson").addClass("active");
                jQuery("#accueil").removeClass("active");
				jQuery("#class-800").removeClass("active");
				jQuery("#expresso").removeClass("active");
                jQuery("#preparation-culinaire").removeClass("active");
                jQuery("#petit-dejeuner").removeClass("active");
                jQuery("#ikitchen").removeClass("active");
                jQuery("#services").removeClass("active");
				//display selected division, hide others
				
                jQuery("div.accueil").css("display", "none");
				jQuery("div.class-800").css("display", "none");
				jQuery("div.expresso").css("display", "none");
                jQuery("div.preparation-culinaire").css("display", "none");
                jQuery("div.ikitchen").css("display", "none");
                jQuery("div.services").css("display", "none");
                jQuery("div.petit-dejeuner").css("display", "none");
                jQuery("div.cuisson").fadeIn();


				jQuery(function(){
					//Get our elements for faster access and set overlay width
					var div = jQuery('#carousel-container-cuisson'),
						ul = jQuery('#carousel-cuisson'),
						ulPadding = 15;

					//Get menu width
					var divWidth = div.width();

					//Remove scrollbars
					div.css({overflow: 'hidden'});

					//Find last image container
					var lastLi = ul.find('li:last-child');

					//When user move mouse over menu
					div.mousemove(function(e){
						//As images are loaded ul width increases,
						//so we recalculate it each time
						var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
						var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
						div.scrollLeft(left);
					});
				});
                
                
            break;
			case "ikitchen":
					//change status & style menu
				jQuery("#ikitchen").addClass("active");
                jQuery("#accueil").removeClass("active");
				jQuery("#class-800").removeClass("active");
				jQuery("#expresso").removeClass("active");
                jQuery("#preparation-culinaire").removeClass("active");
                jQuery("#petit-dejeuner").removeClass("active");
                jQuery("#cuisson").removeClass("active");
                jQuery("#services").removeClass("active");
				//display selected division, hide others
				
                jQuery("div.accueil").css("display", "none");
				jQuery("div.class-800").css("display", "none");
				jQuery("div.expresso").css("display", "none");
                jQuery("div.preparation-culinaire").css("display", "none");
                jQuery("div.cuisson").css("display", "none");
                jQuery("div.services").css("display", "none");
                jQuery("div.petit-dejeuner").css("display", "none");
                jQuery("div.ikitchen").fadeIn();


				jQuery(function(){
					//Get our elements for faster access and set overlay width
					var div = jQuery('#carousel-container-ikitchen'),
						ul = jQuery('#carousel-ikitchen'),
						ulPadding = 15;

					//Get menu width
					var divWidth = div.width();

					//Remove scrollbars
					div.css({overflow: 'hidden'});

					//Find last image container
					var lastLi = ul.find('li:last-child');

					//When user move mouse over menu
					div.mousemove(function(e){
						//As images are loaded ul width increases,
						//so we recalculate it each time
						var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
						var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
						div.scrollLeft(left);
					});
				});
                
                
                
                
            break;
			case "services":
					//change status & style menu
				jQuery("#services").addClass("active");
                jQuery("#accueil").removeClass("active");
				jQuery("#class-800").removeClass("active");
				jQuery("#expresso").removeClass("active");
                jQuery("#preparation-culinaire").removeClass("active");
                jQuery("#petit-dejeuner").removeClass("active");
                jQuery("#ikitchen").removeClass("active");
                jQuery("#cuisson").removeClass("active");
				//display selected division, hide others
				
                jQuery("div.accueil").css("display", "none");
				jQuery("div.class-800").css("display", "none");
				jQuery("div.expresso").css("display", "none");
                jQuery("div.preparation-culinaire").css("display", "none");
                jQuery("div.ikitchen").css("display", "none");
                jQuery("div.cuisson").css("display", "none");
                jQuery("div.petit-dejeuner").css("display", "none");



				
            break;

		}
		//alert(e.target.id);
		return false;
	});
});