$(document).ready(init);

	
function init(){

	$(".Mmenu").mouseover(function(){
		//모든 메인메뉴 이미지를 아웃이미지로 바꾼다.
		$(".Mmenu").each(function(){
			src = $(this).attr("src").replace("_on","_off");
			$(this).attr("src",src);
		});
		//선택된 메인메뉴만 오버이미지로 바꾼다.
		src = $(this).attr("src").replace("_off","_on");
		$(this).attr("src",src);
	
				
		///메인서브 위치잡기
		var MmenuIdx = $(".Mmenu").index($(this));
		var MSmenu = $(".MSmenu:eq("+MmenuIdx+")");

		///메인서브상대값얻기
		var Mpos = $(this).position();
		/// 메인서브 부모값
		var Parent = $(this).parent().parent().parent();
		var ParentMpos = Parent.position();
			MposLeft = parseInt(Mpos.left) - parseInt(ParentMpos.left);
			var width = MSmenu.width();
			var Halfwidth = parseInt(width/2);
			
		///현재이미지의 중앙좌표값 
			var  MposCenter= MposLeft+( parseInt($(this).width()/2) );
		//메인서브 LEFT 좌표값(현재 이미지의 중앙좌표값에서 메인서브 중앙좌표값을 빼준다.)
			MposLeft = MposCenter-Halfwidth;
		//메인서브 RIGHT 좌표값
			MposRight = MposLeft+width;
		//영역내에서 왼쪽으로 넘어가게 되면 강제로 0을 밖음	
			if(MposLeft<=0){MposLeft=0;}
			if(MposRight >= Parent.width()){
				MposLeft = MposLeft- ( parseInt(MposRight-Parent.width()) );
			
			}
			
		MSmenu.css({"left":MposLeft});
		
		//모든 메인서브메뉴 숨김.
		$(".MSmenu").css({"display":"none"});
		//선택된 메인서브메뉴 출력.
		MSmenu.css({"display":"block"});
		
		

	});
	
	
		
}