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