jQuery.noConflict();
jQuery(document).ready(function($){
$(function(){
	$("div#tokuten dd:not(:first)").css({"width":"0px"})
	$("div#tokuten dt:first span").addClass("selected");
	$(" dl dt").click(function(){
		if($("+dd",this).css("width")=="0px"){
			var left_index = $("div#tokuten dl dt").index(this);
			var right_index = left_index + 1;
			var selected_index = $("div#tokuten dl dt").index($("dt:has(.selected)"));
			if(selected_index < left_index){
				right_shadow(right_index);
			}else{
				left_shadow(left_index);
			}

			$("div#tokuten dl dt:eq(" + selected_index + ") +dd").animate({"width":"0px"});
			$("div#tokuten dl dt:eq(" + left_index + ") +dd").animate({"width":"308px"},function(){
				if(selected_index > left_index){
					right_shadow(right_index);
				}else{
					left_shadow(left_index);
				}
			});
		}
	}).mouseover(function(){
		$("span",this).addClass("over");
	}).mouseout(function(){
		$("span",this).removeClass("over");
	})
})

/* 右側の影の処理 */
function right_shadow(index){
	$("dt span").removeClass("right");
	$("div#tokuten dl dt:eq(" + index + ") span").addClass("right");
}

/* 左の影の処理 */
function left_shadow(index){
	$("dt span").removeClass("left");
	$("div#tokuten dl dt:lt(" + index + ") span").addClass("left");
	$("dt span").removeClass("selected");
	$("div#tokuten dl dt:eq(" + index + ") span").addClass("selected");
}
});