// ****************************************************************
//   
//   部位別施術リスト　イラスト切り替え
//   
// ****************************************************************



/*  イラスト切り替え
--------------------------------------------------------------- */
$(function(){
	
	//init
	var btn = $('#ope_index_list a');
	var ill = $('#ope_index_list .ope_index_list_r');
	var p_box = $('#ope_index_list .ope_point');
	var point = $('#ope_index_list .ope_index_list_r p span');
	
	try{
	
		p_box.hide();
		
		btn.hover(function(){
			var op = $(this).attr('class');
			var name = $(this).text();
			ill.css('background-image','url(/images/ope/ope_illust/'+ op +'.jpg)');
			ill.find('.ope_name').text(name);
			p_box.show();
			point.hide();
			$('#ope_index_list .ope_index_list_r p span.'+ op +'').show();
		}
		/* マウスアウトで画像を正面に戻す処理（休止中）
		function(){
			ill.css('background-image','url(/images/ope/ope_illust/dummy.jpg)');
			ill.find('.ope_name').text('');
			p_box.hide();
		}
		*/
		); // hover end
	}catch(e){}
	
});

/*  画像移動
--------------------------------------------------------------- */

$(function(){
	
	try{
		// init
		var cl = $('#ope_index_list > .ope_index_list_l'); // リスト
		var cr = $('#ope_index_list > .ope_index_list_r'); // 追従する箱
		var h = cr.offsetParent().offset().top; // #container上部のbody上部からの位置
		var clH = cl.innerHeight(); // リストの高さ （padding含む）
		var crH = cr.innerHeight();//alert(crH);  // 追従する箱の高さ（padding含む）
		var clH2 = cl.height();// リストの高さ 
		var crH2 = cr.height(); //alert(crH2); // 追従する箱の高さ（padding含まない）
		var lmH; // 降下可能限界位置
		var flTimer;
		//var preH = 0;
		
		// スクロールするボックスよりもリストの高さが低ければアニメーションしない。
		if(clH <= crH){return false;}
		//alert('hoge');
		
		// スクロール
		$(window).scroll(function(){
			clearInterval(flTimer);
			boxFollow();
		});
		
		function boxFollow(){
			flTimer = setInterval(function(){
						clearInterval(flTimer);
						
						var scrollTop  = document.body.scrollTop  || document.documentElement.scrollTop;
						//alert(scrollTop);
						
						var anH = scrollTop - h; 
						lmH = clH - crH; //alert('clH ='+ clH +': anH='+ anH +': crH='+ crH +': lmH='+ lmH);
						
						if(lmH > anH && anH > 0){
							//alert('1');
							cr.animate(
								{top: anH + "px"},
								{duration:'fast',easing:"linear"}
							);
						}else if(anH >= lmH){
							//alert('2');
							var hoge = (clH-crH); //alert('これ以上さがれません');
							cr.animate(
								{top:hoge + 'px'},
								{duration:'fast',easing:"linear"}
							);
						}else if(anH <= 0){
							//alert('3');
							cr.animate(
								{top: "0px"},
								{duration:'fast',easing:"linear"}
							);
						}
						
					},200); // timer end
	
		} // func boxFollow end
	}catch(e){}
	
});