﻿/***************************/
//@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 "news":
				//change status & style menu
				$("#news").addClass("active");
				$("#enregistrement").removeClass("active");
				$("#tutorials").removeClass("active");
				$("#links").removeClass("active");
				//display selected division, hide others
				$("div.news").fadeIn();
				$("div.enregistrement").css("display", "none");
				$("div.tutorials").css("display", "none");
				$("div.links").css("display", "none");
			break;
			case "enregistrement":
				//change status & style menu
				$("#news").removeClass("active");
				$("#enregistrement").addClass("active");
				$("#tutorials").removeClass("active");
				$("#links").removeClass("active");
				//display selected division, hide others
				$("div.news").css("display", "none");
				$("div.enregistrement").fadeIn();
				$("div.tutorials").css("display", "none");
				$("div.links").css("display", "none");
			break;
			case "tutorials":
				//change status & style menu
				$("#news").removeClass("active");
				$("#enregistrement").removeClass("active");
				$("#tutorials").addClass("active");
				$("#links").removeClass("active");
				//display selected division, hide others
				$("div.tutorials").fadeIn();
				$("div.enregistrement").css("display", "none");
				$("div.news").css("display", "none");
				$("div.links").css("display", "none");
			break;
			case "links":
				//change status & style menu
				$("#news").removeClass("active");
				$("#enregistrement").removeClass("active");
				$("#tutorials").removeClass("active");
				$("#links").addClass("active");
				//display selected division, hide others
				$("div.links").fadeIn();
				$("div.enregistrement").css("display", "none");
				$("div.news").css("display", "none");
				$("div.tutorials").css("display", "none");
			break;
			
		}
		//alert(e.target.id);
		return false;
	});
});

$(document).ready(function(){
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "web01":
				//change status & style menu
				$("#web01").addClass("active");
				$("#web02").removeClass("active");
				$("#web03").removeClass("active");
				$("#web04").removeClass("active");
				//display selected division, hide others
				$("div.web01").fadeIn();
				$("div.web02").css("display", "none");
				$("div.web03").css("display", "none");
				$("div.web04").css("display", "none");
			break;
			case "web02":
				//change status & style menu
				$("#web01").removeClass("active");
				$("#web02").addClass("active");
				$("#web03").removeClass("active");
				$("#web04").removeClass("active");
				//display selected division, hide others
				$("div.web01").css("display", "none");
				$("div.web02").fadeIn();
				$("div.web03").css("display", "none");
				$("div.web04").css("display", "none");
			break;
			case "web03":
				//change status & style menu
				$("#web01").removeClass("active");
				$("#web02").removeClass("active");
				$("#web03").addClass("active");
				$("#web04").removeClass("active");
				//display selected division, hide others
				$("div.web01").css("display", "none");
				$("div.web02").css("display", "none");
				$("div.web03").fadeIn();
				$("div.web04").css("display", "none");
			break;
			case "web04":
				//change status & style menu
				$("#web01").removeClass("active");
				$("#web02").removeClass("active");
				$("#web03").removeClass("active");
				$("#web04").addClass("active");
				//display selected division, hide others
				$("div.web01").css("display", "none");
				$("div.web02").css("display", "none");
				$("div.web03").css("display", "none");
				$("div.web04").fadeIn();
			break;
			
		}
		//alert(e.target.id);
		return false;
	});
});
