$(function(){
	
		$("ul#areatab").addClass("areatab3");
	        if($("ul.area3").css("display") == "none"){ $('ul.area3').fadeIn("")};
	$("ul#areatab li#tab01 a").click(
	    function(){
		//alert("yes!"); 
	        if($("ul.area1").css("display") == "none"){ $('ul.area1').fadeIn("")};
	        if($("ul.area2").css("display") == "block"){ $('ul.area2').hide("")};
	        if($("ul.area3").css("display") == "block"){ $('ul.area3').hide("")};
	        if($("ul.area4").css("display") == "block"){ $('ul.area4').hide("")};
	        if($("ul.area5").css("display") == "block"){ $('ul.area5').hide("")};
	        if($("ul.area6").css("display") == "block"){ $('ul.area6').hide("")};
	        if($("ul.area7").css("display") == "block"){ $('ul.area7').hide("")};
	        if($("ul.area8").css("display") == "block"){ $('ul.area8').hide("")};
		$("ul#areatab").addClass("areatab1");
		$("ul#areatab").removeClass("areatab2");
		$("ul#areatab").removeClass("areatab3");
		$("ul#areatab").removeClass("areatab4");
		$("ul#areatab").removeClass("areatab5");
		$("ul#areatab").removeClass("areatab6");
		$("ul#areatab").removeClass("areatab7");
		$("ul#areatab").removeClass("areatab8");
		}
		);
	$("ul#areatab li#tab02 a").click(
	    function(){
	        if($("ul.area2").css("display") == "none"){ $('ul.area2').fadeIn("")};
	        if($("ul.area1").css("display") == "block"){ $('ul.area1').hide("")};
	        if($("ul.area3").css("display") == "block"){ $('ul.area3').hide("")};
	        if($("ul.area4").css("display") == "block"){ $('ul.area4').hide("")};
	        if($("ul.area5").css("display") == "block"){ $('ul.area5').hide("")};
	        if($("ul.area6").css("display") == "block"){ $('ul.area6').hide("")};
	        if($("ul.area7").css("display") == "block"){ $('ul.area7').hide("")};
	        if($("ul.area8").css("display") == "block"){ $('ul.area8').hide("")};
		$("ul#areatab").addClass("areatab2");
		$("ul#areatab").removeClass("areatab1");
		$("ul#areatab").removeClass("areatab3");
		$("ul#areatab").removeClass("areatab4");
		$("ul#areatab").removeClass("areatab5");
		$("ul#areatab").removeClass("areatab6");
		$("ul#areatab").removeClass("areatab7");
		$("ul#areatab").removeClass("areatab8");
		}
		);
	$("ul#areatab li a#tab3").click(
	    function(){
	        if($("ul.area3").css("display") == "none"){ $('ul.area3').fadeIn("")};
	        if($("ul.area2").css("display") == "block"){ $('ul.area2').hide("")};
	        if($("ul.area1").css("display") == "block"){ $('ul.area1').hide("")};
	        if($("ul.area4").css("display") == "block"){ $('ul.area4').hide("")};
	        if($("ul.area5").css("display") == "block"){ $('ul.area5').hide("")};
	        if($("ul.area6").css("display") == "block"){ $('ul.area6').hide("")};
	        if($("ul.area7").css("display") == "block"){ $('ul.area7').hide("")};
	        if($("ul.area8").css("display") == "block"){ $('ul.area8').hide("")};
		$("ul#areatab").addClass("areatab3");
		$("ul#areatab").removeClass("areatab2");
		$("ul#areatab").removeClass("areatab1");
		$("ul#areatab").removeClass("areatab4");
		$("ul#areatab").removeClass("areatab5");
		$("ul#areatab").removeClass("areatab6");
		$("ul#areatab").removeClass("areatab7");
		$("ul#areatab").removeClass("areatab8");
		}
		);
	$("ul#areatab li a#tab4").click(
	    function(){
	        if($("ul.area4").css("display") == "none"){ $('ul.area4').fadeIn("")};
	        if($("ul.area2").css("display") == "block"){ $('ul.area2').hide("")};
	        if($("ul.area3").css("display") == "block"){ $('ul.area3').hide("")};
	        if($("ul.area1").css("display") == "block"){ $('ul.area1').hide("")};
	        if($("ul.area5").css("display") == "block"){ $('ul.area5').hide("")};
	        if($("ul.area6").css("display") == "block"){ $('ul.area6').hide("")};
	        if($("ul.area7").css("display") == "block"){ $('ul.area7').hide("")};
	        if($("ul.area8").css("display") == "block"){ $('ul.area8').hide("")};
		$("ul#areatab").addClass("areatab4");
		$("ul#areatab").removeClass("areatab2");
		$("ul#areatab").removeClass("areatab3");
		$("ul#areatab").removeClass("areatab1");
		$("ul#areatab").removeClass("areatab5");
		$("ul#areatab").removeClass("areatab6");
		$("ul#areatab").removeClass("areatab7");
		$("ul#areatab").removeClass("areatab8");
		}
		);
	$("ul#areatab li a#tab5").click(
	    function(){
	        if($("ul.area5").css("display") == "none"){ $('ul.area5').fadeIn("")};
	        if($("ul.area2").css("display") == "block"){ $('ul.area2').hide("")};
	        if($("ul.area3").css("display") == "block"){ $('ul.area3').hide("")};
	        if($("ul.area4").css("display") == "block"){ $('ul.area4').hide("")};
	        if($("ul.area1").css("display") == "block"){ $('ul.area1').hide("")};
	        if($("ul.area6").css("display") == "block"){ $('ul.area6').hide("")};
	        if($("ul.area7").css("display") == "block"){ $('ul.area7').hide("")};
	        if($("ul.area8").css("display") == "block"){ $('ul.area8').hide("")};
		$("ul#areatab").addClass("areatab5");
		$("ul#areatab").removeClass("areatab2");
		$("ul#areatab").removeClass("areatab3");
		$("ul#areatab").removeClass("areatab4");
		$("ul#areatab").removeClass("areatab1");
		$("ul#areatab").removeClass("areatab6");
		$("ul#areatab").removeClass("areatab7");
		$("ul#areatab").removeClass("areatab8");
		}
		);
	$("ul#areatab li a#tab6").click(
	    function(){
	        if($("ul.area6").css("display") == "none"){ $('ul.area6').fadeIn("")};
	        if($("ul.area2").css("display") == "block"){ $('ul.area2').hide("")};
	        if($("ul.area3").css("display") == "block"){ $('ul.area3').hide("")};
	        if($("ul.area4").css("display") == "block"){ $('ul.area4').hide("")};
	        if($("ul.area5").css("display") == "block"){ $('ul.area5').hide("")};
	        if($("ul.area1").css("display") == "block"){ $('ul.area1').hide("")};
	        if($("ul.area7").css("display") == "block"){ $('ul.area7').hide("")};
	        if($("ul.area8").css("display") == "block"){ $('ul.area8').hide("")};
		$("ul#areatab").addClass("areatab6");
		$("ul#areatab").removeClass("areatab2");
		$("ul#areatab").removeClass("areatab3");
		$("ul#areatab").removeClass("areatab4");
		$("ul#areatab").removeClass("areatab5");
		$("ul#areatab").removeClass("areatab1");
		$("ul#areatab").removeClass("areatab7");
		$("ul#areatab").removeClass("areatab8");
		}
		);
	$("ul#areatab li a#tab7").click(
	    function(){
	        if($("ul.area7").css("display") == "none"){ $('ul.area7').fadeIn("")};
	        if($("ul.area2").css("display") == "block"){ $('ul.area2').hide("")};
	        if($("ul.area3").css("display") == "block"){ $('ul.area3').hide("")};
	        if($("ul.area4").css("display") == "block"){ $('ul.area4').hide("")};
	        if($("ul.area5").css("display") == "block"){ $('ul.area5').hide("")};
	        if($("ul.area6").css("display") == "block"){ $('ul.area6').hide("")};
	        if($("ul.area1").css("display") == "block"){ $('ul.area1').hide("")};
	        if($("ul.area8").css("display") == "block"){ $('ul.area8').hide("")};
		$("ul#areatab").addClass("areatab7");
		$("ul#areatab").removeClass("areatab2");
		$("ul#areatab").removeClass("areatab3");
		$("ul#areatab").removeClass("areatab4");
		$("ul#areatab").removeClass("areatab5");
		$("ul#areatab").removeClass("areatab6");
		$("ul#areatab").removeClass("areatab1");
		$("ul#areatab").removeClass("areatab8");
		}
		);
	$("ul#areatab li a#tab8").click(
	    function(){
	        if($("ul.area8").css("display") == "none"){ $('ul.area8').fadeIn("")};
	        if($("ul.area2").css("display") == "block"){ $('ul.area2').hide("")};
	        if($("ul.area3").css("display") == "block"){ $('ul.area3').hide("")};
	        if($("ul.area4").css("display") == "block"){ $('ul.area4').hide("")};
	        if($("ul.area5").css("display") == "block"){ $('ul.area5').hide("")};
	        if($("ul.area6").css("display") == "block"){ $('ul.area6').hide("")};
	        if($("ul.area1").css("display") == "block"){ $('ul.area1').hide("")};
	        if($("ul.area7").css("display") == "block"){ $('ul.area7').hide("")};
		$("ul#areatab").addClass("areatab8");
		$("ul#areatab").removeClass("areatab2");
		$("ul#areatab").removeClass("areatab3");
		$("ul#areatab").removeClass("areatab4");
		$("ul#areatab").removeClass("areatab5");
		$("ul#areatab").removeClass("areatab6");
		$("ul#areatab").removeClass("areatab7");
		$("ul#areatab").removeClass("areatab1");
		}
		);
});