$(document).ready(function(){

	//部位メニュー初期表示
	$(".second-step>ul:first").show();
	$(".first-step>li:first").addClass("on");
	var t;
	var interval_time = 200;
	
	$(".first-step li").mouseover(function(){
		xSetOver($(this),xFirstStep);
	});
	$(".second-step ul li").mouseover(function(){
		xSetOver($(this),xSecondStep);
	});
	$(".third-step ul li").mouseover(function(){
		xSetOver($(this),xThirdStep);
	});


	function xSetOver(o,fn){
		clearInterval(t);
		t = setInterval(function(){
			clearInterval(t);
			fn(o);
		},interval_time);		
	}
	
	function xFirstStep(o){
		current = $(".first-step").children("li").index(o);
		child = $(".second-step ul").eq(current);
		
		if(!o.hasClass("on")){
			$(".second-step ul").hide();
			child.slideDown(0,function(){
				$(".second-step ul").each(function(){
					_index = $(".second-step ul").index(o);
					if(current != _index){
						$(this).hide();
					}
				});		
			});
			$(".first-step li.on").removeClass("on");
			$(o).addClass("on");
		}
				
		$(".second-step ul li a.on").removeClass("on");	
		$(".third-step ul").hide();
	}

	function xSecondStep(o){
		currentUl = $(".second-step").children("ul").index(o.parent());
		currentLi = o.parent().children("li").index(o);
		child = $(".third-step").eq(currentUl).children("ul").eq(currentLi);
		
		if(!o.children("a").hasClass("on")){			
			$(".second-step ul li a.on").removeClass("on");
			o.children("a").addClass("on");
			$(".third-step").children("ul").hide();
			child.slideDown(0,function(){
				$(".third-step").eq(currentUl).children("ul").each(function(){														  
					_index = $(".third-step").eq(currentUl).children("ul").index(o);
					if(_index != currentLi){
						$(this).hide();
					}														  
				});
			});	
		}

		$(".third-step ul li a.on").removeClass("on");
		$(".fourth-step ul").hide();
	}

	function xThirdStep(o){
		_parent = o.parent();
		_class = _parent.attr("class");
		_index = _parent.children("li").index(o);
		_forthShow = $(".fourth-step div."+_class).children("ul").eq(_index);
		if(!_forthShow.children("a").hasClass("on")){

			$(".fourth-step ul li a.on").removeClass("on");
			$(".third-step ul li a.on").removeClass("on");			
			o.children("a").addClass("on");
			$(".fourth-step ul").hide();
			_forthShow.slideDown(0,function(){
				$(".fourth-step div."+_class).children("ul").each(function(){														  
					num = $(".fourth-step div."+_class).children("ul").index($(this));					
					if(_index != num){
						$(this).hide();
					}														  
				});
			});	
		}
	}
	
	$(".fourth-step ul li").mouseover(function(){			
		$(".fourth-step ul li a.on").removeClass("on");
		$(this).children("a").addClass("on");
	});
	
	// マウスアウト処理
	$(".first-step li , .second-step ul li , .third-step ul li").mouseout(function(){
		clearInterval(t);
	});
	
	// 説明文を消す
	$(".second-step").one('mouseover',function(){
		$("#ope_menu_wrap").css("background-image","none");
	});
});