/***************************/
//@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!					
/***************************/
var $j = jQuery.noConflict();

$j(function(){

	$j(".menu > li").click(function(e){
		switch(e.target.id){
			case "news":
				//change status & style menu
				$j("#news").addClass("active");
				$j("#tutorials").removeClass("active");
				$j("#specs").removeClass("active");
				$j("#pictures").removeClass("active");
				$j("#links").removeClass("active");
				$j("#magazine").removeClass("active");
				$j("#shared").removeClass("active");
				//display selected division, hide others
				$j("div.news").fadeIn();
				$j("div.tutorials").css("display", "none");
				$j("div.specs").css("display", "none");
				$j("div.pictures").css("display", "none");
				$j("div.links").css("display", "none");
				$j("div.magazine").css("display", "none");
				$j("div.shared").css("display", "none");
			break;
			case "tutorials":
				//change status & style menu
				$j("#news").removeClass("active");
				$j("#tutorials").addClass("active");
				$j("#specs").removeClass("active");
				$j("#pictures").removeClass("active");
				$j("#links").removeClass("active");
				$j("#magazine").removeClass("active");
				$j("#shared").removeClass("active");
				//display selected division, hide others
				$j("div.tutorials").fadeIn();
				$j("div.news").css("display", "none");
				$j("div.specs").css("display", "none");
				$j("div.pictures").css("display", "none");
				$j("div.links").css("display", "none");
				$j("div.magazine").css("display", "none");
				$j("div.shared").css("display", "none");
			break;
			case "specs":
				//change status & style menu
				$j("#news").removeClass("active");
				$j("#tutorials").removeClass("active");
				$j("#specs").addClass("active");
				$j("#pictures").removeClass("active");
				$j("#links").removeClass("active");
				$j("#magazine").removeClass("active");
				$j("#shared").removeClass("active");
				//display selected division, hide others
				$j("div.specs").fadeIn();
				$j("div.news").css("display", "none");
				$j("div.tutorials").css("display", "none");
				$j("div.pictures").css("display", "none");
				$j("div.links").css("display", "none");
				$j("div.magazine").css("display", "none");
				$j("div.shared").css("display", "none");
			break;
			case "pictures":
				//change status & style menu
				$j("#news").removeClass("active");
				$j("#tutorials").removeClass("active");
				$j("#specs").removeClass("active");
				$j("#pictures").addClass("active");
				$j("#links").removeClass("active");
				$j("#magazine").removeClass("active");
				$j("#shared").removeClass("active");
				//display selected division, hide others
				$j("div.pictures").fadeIn();
				$j("div.news").css("display", "none");
				$j("div.tutorials").css("display", "none");
				$j("div.specs").css("display", "none");
				$j("div.links").css("display", "none");
				$j("div.magazine").css("display", "none");
				$j("div.shared").css("display", "none");
				
			break;
			case "links":
				//change status & style menu
				$j("#news").removeClass("active");
				$j("#tutorials").removeClass("active");
				$j("#specs").removeClass("active");
				$j("#pictures").removeClass("active");
				$j("#links").addClass("active");
				$j("#magazine").removeClass("active");
				$j("#shared").removeClass("active");
				//display selected division, hide others
				$j("div.links").fadeIn();
				$j("div.news").css("display", "none");
				$j("div.tutorials").css("display", "none");
				$j("div.specs").css("display", "none");
				$j("div.pictures").css("display", "none");
				$j("div.magazine").css("display", "none");
				$j("div.shared").css("display", "none");
			break;
			case "magazine":
				//change status & style menu
				$j("#news").removeClass("active");
				$j("#tutorials").removeClass("active");
				$j("#specs").removeClass("active");
				$j("#pictures").removeClass("active");
				$j("#links").removeClass("active");
				$j("#magazine").addClass("active");
				$j("#shared").removeClass("active");
				//display selected division, hide others
				$j("div.links").css("display", "none");
				$j("div.news").css("display", "none");
				$j("div.tutorials").css("display", "none");
				$j("div.specs").css("display", "none");
				$j("div.pictures").css("display", "none");
				$j("div.magazine").fadeIn();
				$j("div.shared").css("display", "none");
			break;
			case "shared":
				//change status & style menu
				$j("#news").removeClass("active");
				$j("#tutorials").removeClass("active");
				$j("#specs").removeClass("active");
				$j("#pictures").removeClass("active");
				$j("#links").removeClass("active");
				$j("#magazine").addClass("active");
				$j("#shared").removeClass("active");
				//display selected division, hide others
				$j("div.links").css("display", "none");
				$j("div.news").css("display", "none");
				$j("div.tutorials").css("display", "none");
				$j("div.specs").css("display", "none");
				$j("div.pictures").css("display", "none");
				$j("div.magazine").css("display", "none");
				$j("div.shared").fadeIn();
			break;
		}
		//alert(e.target.id);
		return false;
	});
});