/***************************/
//@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(){
	$(".tab > li").click(function(e){
		switch(e.target.id){
			case "about":
				//change status & style menu
				$("#about").addClass("active");
				$("#who").removeClass("active");
				$("#our").removeClass("active");
				$("#technologies").removeClass("active");
				$("#client").removeClass("active");
				//display selected division, hide others
				$("div.about").fadeIn();
				$("div.who").css("display", "none");
				$("div.our").css("display", "none");
				$("div.technologies").css("display", "none");
				$("div.client").css("display", "none");
			break;
			case "who":
				//change status & style menu
				$("#about").removeClass("active");
				$("#who").addClass("active");
				$("#our").removeClass("active");
				$("#technologies").removeClass("active");
				$("#client").removeClass("active");
				//display selected division, hide others
				$("div.who").fadeIn();
				$("div.about").css("display", "none");
				$("div.our").css("display", "none");
				$("div.technologies").css("display", "none");
				$("div.client").css("display", "none");
			break;
			case "our":
				//change status & style menu
				$("#about").removeClass("active");
				$("#who").removeClass("active");
				$("#our").addClass("active");
				$("#technologies").removeClass("active");
				$("#client").removeClass("active");
				//display selected division, hide others
				$("div.our").fadeIn();
				$("div.about").css("display", "none");
				$("div.who").css("display", "none");
				$("div.technologies").css("display", "none");
				$("div.client").css("display", "none");
			break;
			case "technologies":
				//change status & style menu
				$("#about").removeClass("active");
				$("#who").removeClass("active");
				$("#our").removeClass("active");
				$("#technologies").addClass("active");
				$("#client").removeClass("active");
				//display selected division, hide others
				$("div.technologies").fadeIn();
				$("div.about").css("display", "none");
				$("div.who").css("display", "none");
				$("div.our").css("display", "none");
				$("div.client").css("display", "none");
			break;
			case "client":
				//change status & style menu
				$("#about").removeClass("active");
				$("#who").removeClass("active");
				$("#our").removeClass("active");
				$("#technologies").removeClass("active");
				$("#client").addClass("active");
				//display selected division, hide others
				$("div.client").fadeIn();
				$("div.about").css("display", "none");
				$("div.who").css("display", "none");
				$("div.technologies").css("display", "none");
				$("div.our").css("display", "none");
			break;
		}
		//alert(e.target.id);
		return false;
	});
});