var $j = jQuery.noConflict(); 
$j(document).ready(function(){
	$j(".tabbuttons > div").click(function(e){
		switch(e.target.id){
			case "tabbtn1":
				//change status & style menu
				$j("#tabbtn1").addClass("active");
				$j("#tabbtn2").removeClass("active");
				$j("#tabbtn3").removeClass("active");
				$j("#tabbtn4").removeClass("active");
				//display selected division, hide others
				$j("div#tab1").fadeIn();
				$j("div#tab2").css("display", "none");
				$j("div#tab3").css("display", "none");
				$j("div#tab4").css("display", "none");
			break;
			case "tabbtn2":
				//change status & style menu
				$j("#tabbtn2").addClass("active");
				$j("#tabbtn1").removeClass("active");
				$j("#tabbtn3").removeClass("active");
				$j("#tabbtn4").removeClass("active");
				//display selected division, hide others
				$j("div#tab2").fadeIn();
				$j("div#tab1").css("display", "none");
				$j("div#tab3").css("display", "none");
				$j("div#tab4").css("display", "none");
			break;
			case "tabbtn3":
				//change status & style menu
				$j("#tabbtn3").addClass("active");
				$j("#tabbtn1").removeClass("active");
				$j("#tabbtn2").removeClass("active");
				$j("#tabbtn4").removeClass("active");
				//display selected division, hide others
				$j("div#tab3").fadeIn();
				$j("div#tab1").css("display", "none");
				$j("div#tab2").css("display", "none");
				$j("div#tab4").css("display", "none");
			break;
			case "tabbtn4":
				//change status & style menu
				$j("#tabbtn4").addClass("active");
				$j("#tabbtn1").removeClass("active");
				$j("#tabbtn2").removeClass("active");
				$j("#tabbtn3").removeClass("active");
				//display selected division, hide others
				$j("div#tab4").fadeIn();
				$j("div#tab1").css("display", "none");
				$j("div#tab2").css("display", "none");
				$j("div#tab3").css("display", "none");
		}
		//alert(e.target.id);
		return false;
	});
});