/***************************/
//@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(){
	$("#container div.content:nth-child(3)").fadeIn();
	$(".menu > li").click(function(e){
		switch(e.target.id){
                        case "tab01":
				//change status & style menu
				$("#tab01").addClass("active");
				$("#tab02").removeClass("active");
				//display selected division, hide others
				$("div.tab01").fadeIn();
				$("div.tab02").css("display", "none");
			break;
			case "tab02":
				//change status & style menu
				$("#tab01").removeClass("active");
				$("#tab02").addClass("active");
				//display selected division, hide others
				$("div.tab02").fadeIn();
				$("div.tab01").css("display", "none");
			break;
			case "tab1":
				//change status & style menu
				$("#tab1").addClass("active");
				$("#tab2").removeClass("active");
				$("#tab3").removeClass("active");
				$("#tab4").removeClass("active");
				$("#tab5").removeClass("active");
				//display selected division, hide others
				$("div.tab1").fadeIn();
				$("div.tab2").css("display", "none");
				$("div.tab3").css("display", "none");
				$("div.tab4").css("display", "none");
				$("div.tab5").css("display", "none");
			break;
			case "tab2":
				//change status & style menu
				$("#tab1").removeClass("active");
				$("#tab2").addClass("active");
				$("#tab3").removeClass("active");
				$("#tab4").removeClass("active");
				$("#tab5").removeClass("active");
				//display selected division, hide others
				$("div.tab2").fadeIn();
				$("div.tab1").css("display", "none");
				$("div.tab3").css("display", "none");
				$("div.tab4").css("display", "none");
				$("div.tab5").css("display", "none");
			break;
			case "tab3":
				//change status & style menu
				$("#tab1").removeClass("active");
				$("#tab2").removeClass("active");
				$("#tab3").addClass("active");
				$("#tab4").removeClass("active");
				$("#tab5").removeClass("active");
				//display selected division, hide others
				$("div.tab3").fadeIn();
				$("div.tab1").css("display", "none");
				$("div.tab2").css("display", "none");
				$("div.tab4").css("display", "none");
				$("div.tab5").css("display", "none");
			break;
			case "tab4":
				//change status & style menu
				$("#tab1").removeClass("active");
				$("#tab2").removeClass("active");
				$("#tab3").removeClass("active");
				$("#tab4").addClass("active");
				$("#tab5").removeClass("active");
				//display selected division, hide others
				$("div.tab4").fadeIn();
				$("div.tab1").css("display", "none");
				$("div.tab2").css("display", "none");
				$("div.tab3").css("display", "none");
				$("div.tab5").css("display", "none");
			break;
			case "tab5":
				//change status & style menu
				$("#tab1").removeClass("active");
				$("#tab2").removeClass("active");
				$("#tab3").removeClass("active");
				$("#tab4").removeClass("active");
				$("#tab5").addClass("active");
				
				//display selected division, hide others
				$("div.tab5").fadeIn();
				$("div.tab1").css("display", "none");
				$("div.tab2").css("display", "none");
				$("div.tab3").css("display", "none");
				$("div.tab4").css("display", "none");
			break;
		
		/*ponti*/
			case "motor":
				//change status & style menu
				$("#motor").addClass("active");
				$("#dim").removeClass("active");
				$("#equip_int").removeClass("active");
				$("#equip_ex").removeClass("active");
				$("#seguridad").removeClass("active");
				//display selected division, hide others
				$("div.motor").fadeIn();
				$("div.dim").css("display", "none");
				$("div.equip_int").css("display", "none");
				$("div.equip_ex").css("display", "none");
				$("div.seguridad").css("display", "none");
			break;
			case "dim":
				//change status & style menu
				$("#motor").removeClass("active");
				$("#dim").addClass("active");
				$("#equip_int").removeClass("active");
				$("#equip_ex").removeClass("active");
				$("#seguridad").removeClass("active");
				//display selected division, hide others
				$("div.dim").fadeIn();
				$("div.motor").css("display", "none");
				$("div.equip_int").css("display", "none");
				$("div.equip_ex").css("display", "none");
				$("div.seguridad").css("display", "none");
			break;
			case "equip_int":
				//change status & style menu
				$("#motor").removeClass("active");
				$("#dim").removeClass("active");
				$("#equip_int").addClass("active");
				$("#equip_ex").removeClass("active");
				$("#seguridad").removeClass("active");
				//display selected division, hide others
				$("div.equip_int").fadeIn();
				$("div.dim").css("display", "none");
				$("div.motor").css("display", "none");
				$("div.equip_ex").css("display", "none");
				$("div.seguridad").css("display", "none");
			break;
				case "equip_ex":
				//change status & style menu
				$("#motor").removeClass("active");
				$("#dim").removeClass("active");
				$("#equip_int").removeClass("active");
				$("#equip_ex").addClass("active");
				$("#seguridad").removeClass("active");
				//display selected division, hide others
				$("div.equip_ex").fadeIn();
				$("div.dim").css("display", "none");
				$("div.motor").css("display", "none");
				$("div.equip_int").css("display", "none");
				$("div.seguridad").css("display", "none");
			break;
			case "seguridad":
				//change status & style menu
				$("#motor").removeClass("active");
				$("#dim").removeClass("active");
				$("#equip_int").removeClass("active");
				$("#equip_ex").removeClass("active");
				$("#seguridad").addClass("active");
				//display selected division, hide others
				$("div.seguridad").fadeIn();
				$("div.dim").css("display", "none");
				$("div.equip_int").css("display", "none");
				$("div.equip_ex").css("display", "none");
				$("div.motor").css("display", "none");
			break;
		}
		//alert(e.target.id);
		return false;
	});
});