/***************************/
//@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!					
/***************************/

$(document).ready(function(){
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "cartons":
				//change status & style menu
				$("#oneltr").removeClass("active");
				$("#oneltrpet").removeClass("active");
				$("#bottles").removeClass("active");
				$("#cartons").addClass("active");
				$("#cans").removeClass("active");
				$("#smoothies").removeClass("active");
				$("#spintop").removeClass("active");
				$("#multi").removeClass("active");
				//display selected division, hide others
				$("div.cartons").fadeIn();
				$("div.oneltr").css("display", "none");
				$("div.oneltrpet").css("display", "none");
				$("div.bottles").css("display", "none");
				$("div.cans").css("display", "none");
				$("div.smoothies").css("display", "none");
				$("div.spintop").css("display", "none");
				$("div.multi").css("display", "none");
			break;
			case "oneltr":
				//change status & style menu
				$("#oneltr").addClass("active");
				$("#oneltrpet").removeClass("active");
				$("#bottles").removeClass("active");
				$("#cartons").removeClass("active");
				$("#cans").removeClass("active");
				$("#smoothies").removeClass("active");
				$("#spintop").removeClass("active");
				$("#multi").removeClass("active");
				//display selected division, hide others
				$("div.oneltr").fadeIn();
				$("div.oneltrpet").css("display", "none");
				$("div.bottles").css("display", "none");
				$("div.cartons").css("display", "none");
				$("div.cans").css("display", "none");
				$("div.smoothies").css("display", "none");
				$("div.spintop").css("display", "none");
				$("div.multi").css("display", "none");
			break;
			case "oneltrpet":
				//change status & style menu
				$("#oneltr").removeClass("active");
				$("#oneltrpet").addClass("active");
				$("#bottles").removeClass("active");
				$("#cartons").removeClass("active");
				$("#cans").removeClass("active");
				$("#smoothies").removeClass("active");
				$("#spintop").removeClass("active");
				$("#multi").removeClass("active");
				//display selected division, hide others
				$("div.oneltrpet").fadeIn();
				$("div.oneltr").css("display", "none");
				$("div.bottles").css("display", "none");
				$("div.cartons").css("display", "none");
				$("div.cans").css("display", "none");
				$("div.smoothies").css("display", "none");
				$("div.spintop").css("display", "none");
				$("div.multi").css("display", "none");
			break;
			case "spintop":
				//change status & style menu
				$("#oneltr").removeClass("active");
				$("#oneltrpet").removeClass("active");
				$("#bottles").removeClass("active");
				$("#cartons").removeClass("active");
				$("#cans").removeClass("active");
				$("#smoothies").removeClass("active");
				$("#spintop").addClass("active");
				$("#multi").removeClass("active");
				//display selected division, hide others
				$("div.oneltr").css("display", "none");
				$("div.oneltrpet").css("display", "none");
				$("div.bottles").css("display", "none");
				$("div.cartons").css("display", "none");
				$("div.cans").css("display", "none");
				$("div.smoothies").css("display", "none");
				$("div.spintop").fadeIn();
				$("div.multi").css("display", "none");
			break;
			case "bottles":
				//change status & style menu
				$("#oneltr").removeClass("active");
				$("#oneltrpet").removeClass("active");
				$("#bottles").addClass("active");
				$("#cartons").removeClass("active");
				$("#cans").removeClass("active");
				$("#smoothies").removeClass("active");
				$("#spintop").removeClass("active");
				$("#multi").removeClass("active");
				//display selected division, hide others
				$("div.bottles").fadeIn();
				$("div.oneltr").css("display", "none");
				$("div.oneltrpet").css("display", "none");
				$("div.cartons").css("display", "none");
				$("div.cans").css("display", "none");
				$("div.smoothies").css("display", "none");
				$("div.spintop").css("display", "none");
				$("div.multi").css("display", "none");
			break;
			case "cans":
				//change status & style menu
				$("#oneltr").removeClass("active");
				$("#oneltrpet").removeClass("active");
				$("#bottles").removeClass("active");
				$("#cartons").removeClass("active");
				$("#cans").addClass("active");
				$("#smoothies").removeClass("active");
				$("#spintop").removeClass("active");
				$("#multi").removeClass("active");
				//display selected division, hide others
				$("div.cans").fadeIn();
				$("div.bottles").css("display", "none");
				$("div.cartons").css("display", "none");
				$("div.oneltr").css("display", "none");
				$("div.oneltrpet").css("display", "none");
				$("div.smoothies").css("display", "none");
				$("div.spintop").css("display", "none");
				$("div.multi").css("display", "none");
			break;
			case "smoothies":
				//change status & style menu
				$("#oneltr").removeClass("active");
				$("#oneltrpet").removeClass("active");
				$("#bottles").removeClass("active");
				$("#cartons").removeClass("active");
				$("#cans").removeClass("active");
				$("#smoothies").addClass("active");
				$("#spintop").removeClass("active");
				$("#multi").removeClass("active");
				//display selected division, hide others
				$("div.smoothies").fadeIn();
				$("div.bottles").css("display", "none");
				$("div.cartons").css("display", "none");
				$("div.cans").css("display", "none");
				$("div.oneltr").css("display", "none");
				$("div.oneltrpet").css("display", "none");
				$("div.spintop").css("display", "none");
				$("div.multi").css("display", "none");
			break;
			case "multi":
				//change status & style menu
				$("#oneltr").removeClass("active");
				$("#oneltrpet").removeClass("active");
				$("#bottles").removeClass("active");
				$("#cartons").removeClass("active");
				$("#cans").removeClass("active");
				$("#smoothies").removeClass("active");
				$("#spintop").removeClass("active");
				$("#multi").addClass("active");
				//display selected division, hide others
				$("div.smoothies").css("display", "none");
				$("div.bottles").css("display", "none");
				$("div.cartons").css("display", "none");
				$("div.cans").css("display", "none");
				$("div.oneltr").css("display", "none");
				$("div.oneltrpet").css("display", "none");
				$("div.spintop").css("display", "none");
				$("div.multi").fadeIn();
			break;
		}
		//alert(e.target.id);
		return false;
	});
});
