/***************************/
//@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 "Link1":
				//change status & style menu
				$("#Link1").addClass("active");
				$("#Link2").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				$("#Link7").removeClass("active");
				$("#Link8").removeClass("active");
				//change status of top link
				$("#Link1_top").addClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				$("#Link7_top").removeClass("selectedTop");
				$("#Link8_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link1").fadeIn();
				$("div.Link2").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link6").css("display", "none");
				$("div.Link7").css("display", "none");
				$("div.Link8").css("display", "none");
			break;
			case "Link2":
				//change status & style menu
				$("#Link2").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				$("#Link7").removeClass("active");
				$("#Link8").removeClass("active");
				//change status of top link
				$("#Link2_top").addClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				$("#Link7_top").removeClass("selectedTop");
				$("#Link8_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link2").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link6").css("display", "none");
				$("div.Link7").css("display", "none");
				$("div.Link8").css("display", "none");
			break;
			case "Link3":
				//change status & style menu
				$("#Link3").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				$("#Link7").removeClass("active");
				$("#Link8").removeClass("active");
				//change status of top link
				$("#Link3_top").addClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				$("#Link7_top").removeClass("selectedTop");
				$("#Link8_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link3").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link6").css("display", "none");
				$("div.Link7").css("display", "none");
				$("div.Link8").css("display", "none");
			break;
			case "Link4":
				//change status & style menu
				$("#Link4").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				$("#Link7").removeClass("active");
				$("#Link8").removeClass("active");
				//change status of top link
				$("#Link4_top").addClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				$("#Link7_top").removeClass("selectedTop");
				$("#Link8_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link4").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link6").css("display", "none");
				$("div.Link7").css("display", "none");
				$("div.Link8").css("display", "none");
			break;
			case "Link5":
				//change status & style menu
				$("#Link5").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link6").removeClass("active");
				$("#Link7").removeClass("active");
				$("#Link8").removeClass("active");
				//change status of top link
				$("#Link5_top").addClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				$("#Link7_top").removeClass("selectedTop");
				$("#Link8_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link5").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link6").css("display", "none");
				$("div.Link7").css("display", "none");
				$("div.Link8").css("display", "none");
			break;
			case "Link6":
				//change status & style menu
				$("#Link6").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link7").removeClass("active");
				$("#Link8").removeClass("active");
				//change status of top link
				$("#Link6_top").addClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link7_top").removeClass("selectedTop");
				$("#Link8_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link6").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link7").css("display", "none");
				$("div.Link8").css("display", "none");
			break;
			
			
			case "Link7":
				//change status & style menu
				$("#Link7").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				$("#Link8").removeClass("active");
				//change status of top link
				$("#Link7_top").addClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				$("#Link8_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link7").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link6").css("display", "none");
				$("div.Link8").css("display", "none");
			break;
			
			case "Link8":
				//change status & style menu
				$("#Link8").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				$("#Link7").removeClass("active");
				//change status of top link
				$("#Link8_top").addClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
			    $("#Link7_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link8").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link6").css("display", "none");
				$("div.Link7").css("display", "none");
			break;
		}
		return false;
								   });
			
			// ===================== FOR TOP BAR LINKS ================================================ //
			$(".topMenu > li").click(function(i){
											  //alert(i.target.id);
		switch(i.target.id){
			case "Link1_top":
			 //id="Link1_top" class="selectedTop"
				//change status & style menu
				$("#Link1").addClass("active");
				$("#Link2").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				//change status of top link
				$("#Link1_top").addClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link1").fadeIn();
				$("div.Link2").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link6").css("display", "none");
			break;
			case "Link2_top":
				//change status & style menu
				$("#Link2").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				//change status of top link
				$("#Link2_top").addClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link2").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link6").css("display", "none");
			break;
			case "Link3_top":
				//change status & style menu
				$("#Link3").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				//change status of top link
				$("#Link3_top").addClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link3").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link5").css("display", "none");
					$("div.Link6").css("display", "none");
			break;
			case "Link4_top":
				//change status & style menu
				$("#Link4").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link3").removeClass("active");
				$("#Link5").removeClass("active");
				$("#Link6").removeClass("active");
				//change status of top link
				$("#Link4_top").addClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link5_top").removeClass("selectedTop");
				$("#Link6_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link4").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link6").css("display", "none");
			break;
			case "Link5_top":
				//change status & style menu
				$("#Link6").addClass("active");
				$("#Link5").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link3").removeClass("active");
				//change status of top link
				$("#Link6_top").addClass("selectedTop");
				$("#Link5_top").addClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link5").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link3").css("display", "none");
				$("div.Link6").css("display", "none");
			break;
			
			case "Link6_top":
				//change status & style menu
				$("#Link6").addClass("active");
				$("#Link5").addClass("active");
				$("#Link1").removeClass("active");
				$("#Link2").removeClass("active");
				$("#Link4").removeClass("active");
				$("#Link3").removeClass("active");
				//change status of top link
				$("#Link6_top").addClass("selectedTop");
				$("#Link5_top").addClass("selectedTop");
				$("#Link1_top").removeClass("selectedTop");
				$("#Link2_top").removeClass("selectedTop");
				$("#Link3_top").removeClass("selectedTop");
				$("#Link4_top").removeClass("selectedTop");
				//display selected division, hide others
				$("div.Link6").fadeIn();
				$("div.Link1").css("display", "none");
				$("div.Link2").css("display", "none");
				$("div.Link4").css("display", "none");
				$("div.Link5").css("display", "none");
				$("div.Link3").css("display", "none");
				
			break;
			
			
			// =========================================================================================== //
			
		}
		//alert(e.target.id);
		return false;
	});
});