﻿/***************************/
//@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(){
	$("#contain div.content:nth-child(1)").fadeIn();
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "a1938":
				//change status & style menu
				$("#a1938").addClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").fadeIn();
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
			case "a1957":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").addClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").fadeIn();
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
			case "a1971":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").addClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").fadeIn();
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
			case "a1982":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").addClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").fadeIn();
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
				case "a1995":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").addClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").fadeIn();
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
			case "a1996":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").addClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").fadeIn();
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
			case "a1997":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").addClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").fadeIn();
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
			case "a2003":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").addClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").fadeIn();
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
			case "a2006":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").addClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").fadeIn();
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
				case "a2007":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").addClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").fadeIn();
				$("div.a2010").css("display", "none");
				$("div.hoy").css("display", "none");
			break;
			case "a2010":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").addClass("active");
				$("#hoy").removeClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").fadeIn();
				$("div.hoy").css("display", "none");
			break;
			case "hoy":
				//change status & style menu
				$("#a1938").removeClass("active");
				$("#a1957").removeClass("active");
				$("#a1971").removeClass("active");
				$("#a1982").removeClass("active");
				$("#a1995").removeClass("active");
				$("#a1996").removeClass("active");
				$("#a1997").removeClass("active");
				$("#a2003").removeClass("active");
				$("#a2006").removeClass("active");
				$("#a2007").removeClass("active");
				$("#a2010").removeClass("active");
				$("#hoy").addClass("active");
				//display selected division, hide others
				$("div.a1938").css("display", "none");
				$("div.a1957").css("display", "none");
				$("div.a1971").css("display", "none");
				$("div.a1982").css("display", "none");
				$("div.a1995").css("display", "none");
				$("div.a1996").css("display", "none");
				$("div.a1997").css("display", "none");
				$("div.a2003").css("display", "none");
				$("div.a2006").css("display", "none");
				$("div.a2007").css("display", "none");
				$("div.a2010").css("display", "none");
				$("div.hoy").fadeIn();
			break;
		}
		//alert(e.target.id);
		return false;
	});
});
