/***************************/
//@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 "descr1":
				//change status & style menu
				$("#descr1").addClass("active");
				$("#specs1").removeClass("active");
				$("#options1").removeClass("active");
				$("#images1").removeClass("active");
				//display selected division, hide others
				$("div.descr1").fadeIn();
				$("div.specs1").css("display", "none");
				$("div.options1").css("display", "none");
				$("div.images1").css("display", "none");
			break;
			case "specs1":
				//change status & style menu
				$("#descr1").removeClass("active");
				$("#specs1").addClass("active");
				$("#options1").removeClass("active");
				$("#images1").removeClass("active");
				//display selected division, hide others
				$("div.specs1").fadeIn();
				$("div.descr1").css("display", "none");
				$("div.options1").css("display", "none");
				$("div.images1").css("display", "none");
			break;
			case "options1":
				//change status & style menu
				$("#descr1").removeClass("active");
				$("#specs1").removeClass("active");
				$("#options1").addClass("active");
				$("#images1").removeClass("active");
				//display selected division, hide others
				$("div.options1").fadeIn();
				$("div.descr1").css("display", "none");
				$("div.specs1").css("display", "none");
				$("div.images1").css("display", "none");
			break;
			case "images1":
				//change status & style menu
				$("#descr1").removeClass("active");
				$("#specs1").removeClass("active");
				$("#images1").addClass("active");
				$("#options1").removeClass("active");
				//display selected division, hide others
				$("div.images1").fadeIn();
				$("div.descr1").css("display", "none");
				$("div.specs1").css("display", "none");
				$("div.options1").css("display", "none");
			break;
			case "descr2":
				//change status & style menu
				$("#descr2").addClass("active");
				$("#specs2").removeClass("active");
				$("#options2").removeClass("active");
				$("#images2").removeClass("active");
				//display selected division, hide others
				$("div.descr2").fadeIn();
				$("div.specs2").css("display", "none");
				$("div.options2").css("display", "none");
				$("div.images2").css("display", "none");
			break;
			case "specs2":
				//change status & style menu
				$("#descr2").removeClass("active");
				$("#specs2").addClass("active");
				$("#options2").removeClass("active");
				$("#images2").removeClass("active");
				//display selected division, hide others
				$("div.specs2").fadeIn();
				$("div.descr2").css("display", "none");
				$("div.options2").css("display", "none");
				$("div.images2").css("display", "none");
			break;
			case "options2":
				//change status & style menu
				$("#descr2").removeClass("active");
				$("#specs2").removeClass("active");
				$("#options2").addClass("active");
				$("#images2").removeClass("active");
				//display selected division, hide others
				$("div.options2").fadeIn();
				$("div.descr2").css("display", "none");
				$("div.specs2").css("display", "none");
				$("div.images2").css("display", "none");
			break;
			case "images2":
				//change status & style menu
				$("#descr2").removeClass("active");
				$("#specs2").removeClass("active");
				$("#images2").addClass("active");
				$("#options2").removeClass("active");
				//display selected division, hide others
				$("div.images2").fadeIn();
				$("div.descr2").css("display", "none");
				$("div.specs2").css("display", "none");
				$("div.options2").css("display", "none");
			break;
			case "descr3":
				//change status & style menu
				$("#descr3").addClass("active");
				$("#specs3").removeClass("active");
				$("#options3").removeClass("active");
				$("#images3").removeClass("active");
				//display selected division, hide others
				$("div.descr3").fadeIn();
				$("div.specs3").css("display", "none");
				$("div.options3").css("display", "none");
				$("div.images3").css("display", "none");
			break;
			case "specs3":
				//change status & style menu
				$("#descr3").removeClass("active");
				$("#specs3").addClass("active");
				$("#options3").removeClass("active");
				$("#images3").removeClass("active");
				//display selected division, hide others
				$("div.specs3").fadeIn();
				$("div.descr3").css("display", "none");
				$("div.options3").css("display", "none");
				$("div.images3").css("display", "none");
			break;
			case "options3":
				//change status & style menu
				$("#descr3").removeClass("active");
				$("#specs3").removeClass("active");
				$("#options3").addClass("active");
				$("#images3").removeClass("active");
				//display selected division, hide others
				$("div.options3").fadeIn();
				$("div.descr3").css("display", "none");
				$("div.specs3").css("display", "none");
				$("div.images3").css("display", "none");
			break;
			case "images3":
				//change status & style menu
				$("#descr3").removeClass("active");
				$("#specs3").removeClass("active");
				$("#images3").addClass("active");
				$("#options3").removeClass("active");
				//display selected division, hide others
				$("div.images3").fadeIn();
				$("div.descr3").css("display", "none");
				$("div.specs3").css("display", "none");
				$("div.options3").css("display", "none");
			break;
			case "descr4":
				//change status & style menu
				$("#descr4").addClass("active");
				$("#specs4").removeClass("active");
				$("#options4").removeClass("active");
				$("#images4").removeClass("active");
				//display selected division, hide others
				$("div.descr4").fadeIn();
				$("div.specs4").css("display", "none");
				$("div.options4").css("display", "none");
				$("div.images4").css("display", "none");
			break;
			case "specs4":
				//change status & style menu
				$("#descr4").removeClass("active");
				$("#specs4").addClass("active");
				$("#options4").removeClass("active");
				$("#images4").removeClass("active");
				//display selected division, hide others
				$("div.specs4").fadeIn();
				$("div.descr4").css("display", "none");
				$("div.options4").css("display", "none");
				$("div.images4").css("display", "none");
			break;
			case "options4":
				//change status & style menu
				$("#descr4").removeClass("active");
				$("#specs4").removeClass("active");
				$("#options4").addClass("active");
				$("#images4").removeClass("active");
				//display selected division, hide others
				$("div.options4").fadeIn();
				$("div.descr4").css("display", "none");
				$("div.specs4").css("display", "none");
				$("div.images4").css("display", "none");
			break;
			case "images4":
				//change status & style menu
				$("#descr4").removeClass("active");
				$("#specs4").removeClass("active");
				$("#images4").addClass("active");
				$("#options4").removeClass("active");
				//display selected division, hide others
				$("div.images4").fadeIn();
				$("div.descr4").css("display", "none");
				$("div.specs4").css("display", "none");
				$("div.options4").css("display", "none");
			break;
			case "descr5":
				//change status & style menu
				$("#descr5").addClass("active");
				$("#specs5").removeClass("active");
				$("#options5").removeClass("active");
				$("#images5").removeClass("active");
				//display selected division, hide others
				$("div.descr5").fadeIn();
				$("div.specs5").css("display", "none");
				$("div.options5").css("display", "none");
				$("div.images5").css("display", "none");
			break;
			case "specs5":
				//change status & style menu
				$("#descr5").removeClass("active");
				$("#specs5").addClass("active");
				$("#options5").removeClass("active");
				$("#images5").removeClass("active");
				//display selected division, hide others
				$("div.specs5").fadeIn();
				$("div.descr5").css("display", "none");
				$("div.options5").css("display", "none");
				$("div.images5").css("display", "none");
			break;
			case "options5":
				//change status & style menu
				$("#descr5").removeClass("active");
				$("#specs5").removeClass("active");
				$("#options5").addClass("active");
				$("#images5").removeClass("active");
				//display selected division, hide others
				$("div.options5").fadeIn();
				$("div.descr5").css("display", "none");
				$("div.specs5").css("display", "none");
				$("div.images5").css("display", "none");
			break;
			case "images5":
				//change status & style menu
				$("#descr5").removeClass("active");
				$("#specs5").removeClass("active");
				$("#images5").addClass("active");
				$("#options5").removeClass("active");
				//display selected division, hide others
				$("div.images5").fadeIn();
				$("div.descr5").css("display", "none");
				$("div.specs5").css("display", "none");
				$("div.options5").css("display", "none");
			break;
		}
		//alert(e.target.id);
		return false;
	});
});