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


                      画像切り替えスクリプト

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


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

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

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

/***********************   画像指定範囲   **************************/
	
	oi.enter = "/img/base/index/main_menu/enter_2.jpg";
	oi.leave = "/img/base/index/main_menu/leave_2.jpg";
	oi.other = "/img/base/index/main_menu/other_2.jpg";
	
	oi.top = "/img/base/header/header_menu/top_2.jpg";
	oi.inquiry = "/img/base/header/header_menu/inquiry_2.jpg";
	oi.mail = "/img/base/header/header_menu/mail_2.jpg";
	
	oi.m_kanto = "/img/base/header/main_menu/kanto_2.jpg";
	oi.m_kansai = "/img/base/header/main_menu/kansai_2.jpg";
	oi.m_tokai = "/img/base/header/main_menu/tokai_2.jpg";
	oi.m_h_t = "/img/base/header/main_menu/h_t_2.jpg";
	oi.m_h_k = "/img/base/header/main_menu/h_k_2.jpg";
	oi.m_c_s = "/img/base/header/main_menu/c_s_2.jpg";
	oi.m_k_o = "/img/base/header/main_menu/k_o_2.jpg";
	oi.m_soho = "/img/base/header/main_menu/soho_2.jpg";

	oi.b_kanto = "/img/base/main/area_button/b_kanto_f2.jpg";
	oi.b_kansai = "/img/base/main/area_button/b_kansai_f2.jpg";
	oi.b_tokai = "/img/base/main/area_button/b_tokai_f2.jpg";
	oi.b_h_t = "/img/base/main/area_button/b_h_t_f2.jpg";
	oi.b_h_k = "/img/base/main/area_button/b_h_k_f2.jpg";
	oi.b_c_s = "/img/base/main/area_button/b_c_s_f2.jpg";
	oi.b_k_o = "/img/base/main/area_button/b_k_o_f2.jpg";
	oi.b_soho = "/img/base/main/area_button/b_soho_f2.jpg";

	oi.search_button = "/img/base/main/search_button_f2.jpg";
	oi.search_button_2 = "/img/base/search/search_button_f2.jpg";

	oi.favorite = "/img/base/main/favorite/favorite_f2.jpg";

	oi.bbs_button_01 = "/img/base/main/bbs_button/bbs_button_01_f2.jpg";
	oi.bbs_button_02 = "/img/base/main/bbs_button/bbs_button_02_f2.jpg";
	oi.bbs_button_03 = "/img/base/main/bbs_button/bbs_button_03_f2.jpg";
	oi.bbs_button_04 = "/img/base/main/bbs_button/bbs_button_04_f2.jpg";
	oi.bbs_button_05 = "/img/base/main/bbs_button/bbs_button_05_f2.jpg";
	oi.bbs_button_06 = "/img/base/main/bbs_button/bbs_button_06_f2.jpg";

	oi.contents_button_01 = "/img/base/main/contents_button/contents_button_01_f2.jpg";
	oi.contents_button_02 = "/img/base/main/contents_button/contents_button_02_f2.jpg";
	oi.contents_button_03 = "/img/base/main/contents_button/contents_button_03_f2.jpg";

	oi.shop_button = "/img/base/search/shop_button/shop_button_f2.jpg";

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






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

	for(v in oi){
		var url = oi[v];
		oi[v] = new Image();
		oi[v].src = url;
	}
	
	function setRolling()
	{
		var imgs = document.getElementsByTagName('img');
		for(var 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;
		}
	}
	
	if(window.onload){
		var OLfunc = window.onload
		window.onload = function(){
			OLfunc();
			setRolling();
		}
	} else {
		window.onload = setRolling;
	}