/***************************/
//@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(){
	$("#latestMenu > li").click(function(e){
		switch(e.target.id){
			case "menuArticle1":
				//change status & style menu
				$("#menuArticle1").addClass("active");
				$("#menuArticle2").removeClass("active");
				$("#menuArticle3").removeClass("active");
                                $("#menuArticle4").removeClass("active");
				//display selected division, hide others
				$("div.article1").fadeIn();
				$("div.article2").css("display", "none");
				$("div.article3").css("display", "none");
                                $("div.article4").css("display", "none");
			break;
			case "menuArticle2":
				//change status & style menu
				$("#menuArticle1").removeClass("active");
				$("#menuArticle2").addClass("active");
				$("#menuArticle3").removeClass("active");
                                $("#menuArticle4").removeClass("active");
				//display selected division, hide others
				$("div.article1").css("display", "none");
                                $("div.article2").fadeIn();
				$("div.article3").css("display", "none");
                                $("div.article4").css("display", "none");
			break;
			case "menuArticle3":
				//change status & style menu
				$("#menuArticle1").removeClass("active");
				$("#menuArticle2").removeClass("active");
                                $("#menuArticle3").addClass("active");
                                $("#menuArticle4").removeClass("active");
				//display selected division, hide others
				$("div.article1").css("display", "none");
				$("div.article2").css("display", "none");
                                $("div.article3").fadeIn();
                                $("div.article4").css("display", "none");
			break;
                        case "menuArticle4":
				//change status & style menu
				$("#menuArticle1").removeClass("active");
				$("#menuArticle2").removeClass("active");
                                $("#menuArticle3").removeClass("active");
				$("#menuArticle4").addClass("active");
				//display selected division, hide others
				$("div.article1").css("display", "none");
				$("div.article2").css("display", "none");
                                $("div.article3").css("display", "none");
                                $("div.article4").fadeIn();
			break;
		}
		//alert(e.target.id);
		return false;
	});
});