/*------------------------------------------------------------------


                      画像切り替えスクリプト

    
	ロールオーバーさせたいimgタグにあらかじめidを記述し
　　定型文を使って、任意のIDにロールオーバー時の画像を設定する。


  ##########################  定型文  ###########################
  #                                                             #
  #    oi.[ imgタグのid ] = [ ロールオーバー時の画像URL ];      #
  #                                                             #
  ###############################################################

	
-------------------------------------------------------------------*/

//画像ローディング用変数
var oi = new Object();
	
	
	
	

/***********************   画像指定範囲   **************************/
	oi.navi1 = "http://www.fuu-map.com/img/navi/shop_search_hover.jpg";
	oi.navi2 = "http://www.fuu-map.com/img/navi/map_search_hover.jpg";
	oi.navi3 = "http://www.fuu-map.com/img/navi/topics_hover.jpg";
	oi.navi4 = "http://www.fuu-map.com/img/navi/attend_hover.jpg";
	oi.navi5 = "http://www.fuu-map.com/img/navi/excellent_hover.jpg";

	oi.navi6 = "http://www.fuu-map.com/img/navi/gravure_hover.jpg";
	oi.navi7 = "http://www.fuu-map.com/img/navi/job_hover.jpg";
	oi.navi8 = "http://www.fuu-map.com/img/navi/movie_hover.jpg";
	oi.navi9 = "http://www.fuu-map.com/img/navi/discount_hover.jpg";
	oi.navi10 = "http://www.fuu-map.com/img/navi/link_hover.jpg";

	oi.navi11 = "http://www.fuu-map.com/img/navi/return_hover.jpg";

	oi.navi12 = "http://www.fuu-map.com/img/topics/btn_all_sentence_hover.gif";
	oi.navi13 = "http://www.fuu-map.com/img/navi/newface_hover.jpg";
	oi.btn_newface = "http://www.fuu-map.com/kansai/img/newface/btn_hover.gif";

/*******************************************************************/






/*-------------  以降、ロールオーバー付加用スクリプト  ------------*/

	//画像ローディング
	for(v in oi){
		var url = oi[v];
		oi[v] = new Image();
		oi[v].src = url;
	}
	//ロールオーバー機能を指定したIDに付加
	function setRolling(){
		var d = document;
		var imgs = d.getElementsByTagName("img");
		for(i=0,l=imgs.length;i<l;i++){
			createRolling(imgs[i]);	
		}
	}
	//ロールオーバー機能の生成
	function createRolling(obj){
		var hash = obj.getAttribute("id");
		var outimg = obj.src;
		if(oi[hash]){
			setEvent(obj,"mouseover",function(){obj.src = oi[hash].src;});
			setEvent(obj,"mouseout",function(){obj.src = outimg;});
		}
	}
	//ロールオーバー機能クロスブラウザ対策
	function setEvent(obj,handle,func){
		if(!obj){return false;}
		if(obj.addEventListener){
			obj.addEventListener(handle,func,false);
		} else if(obj.attachEvent){
			obj.attachEvent("on"+handle,func);
		} else {
			return false;
		}
	}
	//ページ読み込み時、setRolling()を実行
	if(window.onload){
		var OLfunc = window.onload
		window.onload = function(){
			OLfunc();
			setRolling();
		}
	} else {
		window.onload = setRolling;
	}