$(document).ready(function() {
	
	var $menu = $('#menu');
	var $menuImg = $('#menu a img');
	var $targetImg = $('#photo img');	
	
	var defaultImagePath = $targetImg.attr('src');
	
	$menu.bind('mouseleave', _onMenuMouseLeave);
	$menuImg.bind('mouseover', _onMouseOver);
	
	//マウスオーバー処理
	function _onMouseOver(ev) {		
		var repPath = $(ev.target).attr('src').replace('menu', 'photo');
		repPath = repPath.replace("_on\.", "\.")
		$targetImg.attr('src', repPath)
	}
	
	//領域外へマウスが出た時の処理
	function _onMenuMouseLeave(ev) {
			_resetImage();
	}
	
	function _resetImage() {
		$targetImg.attr('src', defaultImagePath)
	}
	
});