/***************************/
//@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!					
/***************************/
	//-->

	
jQuery(document).ready(function(){
	jQuery("span").click(function(e){ /*  */
		switch(e.target.id){
			case "page1":
							jQuery("#page1").addClass("activetab");
				jQuery("#page2").removeClass("activetab");
				jQuery("#page3").removeClass("activetab");
				jQuery("#page4").removeClass("activetab");
				
				jQuery("#page1").addClass("active");
				jQuery("#page2").removeClass("active");
				jQuery("#page3").removeClass("active");
				jQuery("#page4").removeClass("active");
				//display selected division, hide others
				jQuery("div.page1tab").fadeIn();
				jQuery("div.page2tab").css("display", "none");
				jQuery("div.page3tab").css("display", "none");
				jQuery("div.page4tab").css("display", "none");
			break;
			case "page2":
						jQuery("#page1").removeClass("activetab");
				jQuery("#page2").addClass("activetab");
				jQuery("#page3").removeClass("activetab");
				jQuery("#page4").removeClass("activetab");
				
				jQuery("#page1").removeClass("active");
				jQuery("#page2").addClass("active");
				jQuery("#page3").removeClass("active");
				jQuery("#page4").removeClass("active");
				//display selected division, hide others
				jQuery("div.page1tab").css("display", "none");
				jQuery("div.page2tab").fadeIn();
				jQuery("div.page3tab").css("display", "none");
				jQuery("div.page4tab").css("display", "none");
			break;
			case "page3":
						jQuery("#page1").removeClass("activetab");
				jQuery("#page2").removeClass("activetab");
				jQuery("#page3").addClass("activetab");
				jQuery("#page4").removeClass("activetab");
				
				jQuery("#page1").removeClass("active");
				jQuery("#page2").removeClass("active");
				jQuery("#page3").addClass("active");
				jQuery("#page4").removeClass("active");
				//display selected division, hide others
				jQuery("div.page1tab").css("display", "none");
				jQuery("div.page2tab").css("display", "none");
				jQuery("div.page3tab").fadeIn();
				jQuery("div.page4tab").css("display", "none");
			break;
				case "page4":
				//change status & style menu
				jQuery("#page1").removeClass("activetab");
				jQuery("#page2").removeClass("activetab");
				jQuery("#page3").removeClass("activetab");
				jQuery("#page4").addClass("activetab");
				
				jQuery("#page1").removeClass("active");
				jQuery("#page2").removeClass("active");
				jQuery("#page3").removeClass("active");
				jQuery("#page4").addClass("active");
				//display selected division, hide others
				jQuery("div.page1tab").css("display", "none");
				jQuery("div.page2tab").css("display", "none");
				jQuery("div.page3tab").css("display", "none");
				jQuery("div.page4tab").fadeIn();
			break;
		}
		//alert(e.target.id);
		//return false;
	});
	jQuery("a").click(function(e){ /*  */
		switch(e.target.id){
			case "page1actie":
				
				jQuery("div.page1tabactie").fadeIn();
				jQuery("div.page2tabactie").css("display", "none");
				jQuery("div.page3tabactie").css("display", "none");
			break;
			case "page2actie":
				
				//display selected division, hide others
				jQuery("div.page1tabactie").css("display", "none");
				jQuery("div.page2tabactie").fadeIn();
				jQuery("div.page3tabactie").css("display", "none");
			break;
			case "page3actie":
				
				//display selected division, hide others
				jQuery("div.page1tabactie").css("display", "none");
				jQuery("div.page2tabactie").css("display", "none");
				jQuery("div.page3tabactie").fadeIn();
			break;
		}
		//alert(e.target.id);
		//return false;
	});
});