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


                      画像切り替えスクリプト

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


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

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

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

/***********************   画像指定範囲   **************************/
	oi.t1 = "http://www.fuu-map.com/hitoduma/img/btn/hokkaido_hover.jpg";
	oi.t2 = "http://www.fuu-map.com/hitoduma/img/btn/kanto_hover.jpg";
	oi.t3 = "http://www.fuu-map.com/hitoduma/img/btn/tokai_hover.jpg";
	oi.t4 = "http://www.fuu-map.com/hitoduma/img/btn/kansai_hover.jpg";
	oi.t5 = "http://www.fuu-map.com/hitoduma/img/btn/cs_hover.jpg";

	oi.b1 = "http://www.fuu-map.com/hitoduma/img/navigation/top_hover.jpg";
	oi.b2 = "http://www.fuu-map.com/hitoduma/img/navigation/search_hover.jpg";
	oi.b3 = "http://www.fuu-map.com/hitoduma/img/navigation/photo_hover.jpg";
	oi.b4 = "http://www.fuu-map.com/hitoduma/img/navigation/board_hover.jpg";
	oi.b5 = "http://www.fuu-map.com/hitoduma/img/navigation/pickup_hover.jpg";
	oi.b6 = "http://www.fuu-map.com/hitoduma/img/navigation/link_hover.jpg";

	oi.k1 = "http://www.fuu-map.com/hitoduma/img/btn/osaka_hover.gif";
	oi.k2 = "http://www.fuu-map.com/hitoduma/img/btn/hyogo_hover.gif";
	oi.k3 = "http://www.fuu-map.com/hitoduma/img/btn/kyoto_hover.gif";
	oi.k4 = "http://www.fuu-map.com/hitoduma/img/btn/shiga_hover.gif";
	oi.k5 = "http://www.fuu-map.com/hitoduma/img/btn/nara_hover.gif";
	oi.k6 = "http://www.fuu-map.com/hitoduma/img/btn/wakayama_hover.gif";

	oi.c1 = "http://www.fuu-map.com/hitoduma/img/navigation/contents_search_hover.jpg";
	oi.c2 = "http://www.fuu-map.com/hitoduma/img/navigation/contents_photo_hover.jpg";
	oi.c3 = "http://www.fuu-map.com/hitoduma/img/navigation/contents_board_hover.jpg";
	oi.c4 = "http://www.fuu-map.com/hitoduma/img/navigation/contents_pickup_hover.jpg";

	oi.e1 = "http://www.fuu-map.com/hitoduma/img/navigation/hokkaido_hover.jpg";
	oi.e2 = "http://www.fuu-map.com/hitoduma/img/navigation/kanto_hover.jpg";
	oi.e3 = "http://www.fuu-map.com/hitoduma/img/navigation/tokai_hover.jpg";
	oi.e4 = "http://www.fuu-map.com/hitoduma/img/navigation/kansai_hover.jpg";
	oi.e5 = "http://www.fuu-map.com/hitoduma/img/navigation/cs_hover.jpg";
/*******************************************************************/






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

	//画像ローディング
	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;
	}