// エリアマップによるマウスオーバー
$(function(){
	var MapObj = $('#baseimg'); //ロールオーバーする画像(imgタグを指定します)
	var mArea = $('#areamap area'); //areaタグを指定します

//--------------------------------------------
	if($(MapObj).attr('src')){
		var Map = $(MapObj).attr('src'); //ロールオーバーする画像のsrc取得
		var MapPath = Map.substring(Map.lastIndexOf("/")+1,0); //ロールオーバーする画像のディレクトリ名取得
		var MapSrc = Map.substring(Map.lastIndexOf("/")+1,Map.length); //ロールオーバーする画像のファイル名取得
		var MapFile = MapSrc.split('.')[0]; //ロールオーバーする画像のファイル名（拡張子除く）取得
		var Ex = MapSrc.split('.')[1]; //ロールオーバーする画像の拡張子

		//キャッシュ処理
		$.each(mArea,function(key,value){
			$(this).addClass('_hover' + key);
			var Img = '_hover' + key;
			$('<img />').attr('src',MapPath + MapFile + Img + '.' + Ex);
		});

		//マウスオーバー時のアクション
		$(mArea).hover(function(){
			var Img = $(this).attr('class');
			$(MapObj).attr('src',MapPath + MapFile + Img + '.' + Ex);
		},function(){
			$(MapObj).attr('src',MapPath + MapFile + '.' + Ex);
		})
		
		$(mArea).focus(function(){
			this.blur();
		});
	}
	
});