/***************************/
//@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){
		changetab(e.target.id);
		//alert(e.target.id);
		return false;
	});
});

function changetab(tabid)
{
	switch(tabid){
		case "tab1":
			//change status & style menu
			$("#tab1").addClass("active");
			$("#tab2").removeClass("active");
			$("#tab3").removeClass("active");
			$("#tab4").removeClass("active");
			$("#tab5").removeClass("active");
			$("#tab6").removeClass("active");
			$("#tab7").removeClass("active");
			//display selected division, hide others
			$("div.tab1").fadeIn();
			$("div.tab2").css("display", "none");
			$("div.tab3").css("display", "none");
			$("div.tab4").css("display", "none");
			$("div.tab5").css("display", "none");
			$("div.tab6").css("display", "none");
			$("div.tab7").css("display", "none");
		break;
		case "tab2":
			//change status & style menu
			$("#tab1").removeClass("active");
			$("#tab2").addClass("active");
			$("#tab3").removeClass("active");
			$("#tab4").removeClass("active");
			$("#tab5").removeClass("active");
			$("#tab6").removeClass("active");
			$("#tab7").removeClass("active");
			//display selected division, hide others
			$("div.tab2").fadeIn();
			$("div.tab1").css("display", "none");
			$("div.tab3").css("display", "none");
			$("div.tab4").css("display", "none");
			$("div.tab5").css("display", "none");
			$("div.tab6").css("display", "none");
			$("div.tab7").css("display", "none");
		break;
		case "tab3":
			//change status & style menu
			$("#tab1").removeClass("active");
			$("#tab2").removeClass("active");
			$("#tab3").addClass("active");
			$("#tab4").removeClass("active");
			$("#tab5").removeClass("active");
			$("#tab6").removeClass("active");
			$("#tab7").removeClass("active");
			//display selected division, hide others
			$("div.tab6").css("display", "none");
			$("div.tab5").css("display", "none");
			$("div.tab4").css("display", "none");
			$("div.tab3").fadeIn();
			$("div.tab1").css("display", "none");
			$("div.tab2").css("display", "none");
			$("div.tab7").css("display", "none");
		break;
		case "tab4":
			//change status & style menu
			$("#tab1").removeClass("active");
			$("#tab2").removeClass("active");
			$("#tab3").removeClass("active");
			$("#tab4").addClass("active");
			$("#tab5").removeClass("active");
			$("#tab6").removeClass("active");
			$("#tab7").removeClass("active");
			//display selected division, hide others
			$("div.tab6").css("display", "none");
			$("div.tab5").css("display", "none");
			$("div.tab4").fadeIn();
			$("div.tab3").css("display", "none");
			$("div.tab1").css("display", "none");
			$("div.tab2").css("display", "none");
			$("div.tab7").css("display", "none");
		break;
		case "tab5":
			//change status & style menu
			$("#tab1").removeClass("active");
			$("#tab2").removeClass("active");
			$("#tab3").removeClass("active");
			$("#tab4").removeClass("active");
			$("#tab5").addClass("active");
			$("#tab6").removeClass("active");
			$("#tab7").removeClass("active");
			//display selected division, hide others
			$("div.tab6").css("display", "none");
			$("div.tab5").fadeIn();
			$("div.tab4").css("display", "none");
			$("div.tab3").css("display", "none");
			$("div.tab1").css("display", "none");
			$("div.tab2").css("display", "none");
			$("div.tab7").css("display", "none");
		break;
		case "tab6":
			//change status & style menu
			$("#tab1").removeClass("active");
			$("#tab2").removeClass("active");
			$("#tab3").removeClass("active");
			$("#tab4").removeClass("active");
			$("#tab5").removeClass("active");
			$("#tab6").addClass("active");
			$("#tab7").removeClass("active");
			//display selected division, hide others
			$("div.tab6").fadeIn();
			$("div.tab5").css("display", "none");
			$("div.tab4").css("display", "none");
			$("div.tab3").css("display", "none");
			$("div.tab1").css("display", "none");
			$("div.tab2").css("display", "none");
			$("div.tab7").css("display", "none");
		break;
		case "tab7":
			//change status & style menu
			$("#tab1").removeClass("active");
			$("#tab2").removeClass("active");
			$("#tab3").removeClass("active");
			$("#tab4").removeClass("active");
			$("#tab5").removeClass("active");
			$("#tab7").addClass("active");
			$("#tab6").removeClass("active");
			//display selected division, hide others
			$("div.tab7").fadeIn();
			$("div.tab5").css("display", "none");
			$("div.tab4").css("display", "none");
			$("div.tab3").css("display", "none");
			$("div.tab1").css("display", "none");
			$("div.tab2").css("display", "none");
			$("div.tab6").css("display", "none");
		break;

	}//switch
	
	// ********** clicktale **********
	if (typeof ClickTaleIsPlayback == "function")
	{
		if(!ClickTaleIsPlayback())
		{
			if (typeof ClickTaleExec == "function")
			{
				ClickTaleExec("changetab(\""+ tabid +"\")");         
			}
		}
	}
	// ********** /clicktale **********
}