$(document).ready(function(){

// banner
	$(".bnrCont h2 a:first").addClass("visited");
	$(".bnrCont h2 a.visited span").show();
	
	$(".bnrCont h2").click(function(){
		$(".bnrCont h2 a.visited").removeClass("visited");
		$(".bnrCont h2 a span").hide();
		$(this).find("a").addClass("visited");
		$(this).find("a span").show();
		
		if($(this).hasClass("title_1"))
		{
			$(".cont_2").animate({left:'511px'}, 500);
			$(".cont_3").animate({left:'553px'}, 500);
			$(".cont_4").animate({left:'595px'}, 500);
			$(".cont_5").animate({left:'637px'}, 500);
		}
		else if($(this).hasClass("title_2"))
		{
			$(".cont_2").animate({left:'41px'}, 500);
			$(".cont_3").animate({left:'553px'}, 500);
			$(".cont_4").animate({left:'595px'}, 500);
			$(".cont_5").animate({left:'637px'}, 500);
		}
		else if($(this).hasClass("title_3"))
		{
			$(".cont_2").animate({left:'41px'}, 500);
			$(".cont_3").animate({left:'82px'}, 500);
			$(".cont_4").animate({left:'595px'}, 500);
			$(".cont_5").animate({left:'637px'}, 500);
		}
		else if($(this).hasClass("title_4"))
		{
			$(".cont_2").animate({left:'41px'}, 500);
			$(".cont_3").animate({left:'82px'}, 500);
			$(".cont_4").animate({left:'124px'}, 500);
			$(".cont_5").animate({left:'637px'}, 500);
		}
		else if($(this).hasClass("title_5"))
		{
			$(".cont_2").animate({left:'41px'}, 500);
			$(".cont_3").animate({left:'82px'}, 500);
			$(".cont_4").animate({left:'124px'}, 500);
			$(".cont_5").animate({left:'166px'}, 500);
		}
	})
});