/*
	イメージのロールオーバー
	2007.10.11 (c) fujiwara@khaibit.jp
*/

// イメージ用配列
var SwImg; SwImg = new Array;

// 画像の先読み ImgPreload('imgタグのid', '通常の画像のパス', 'マウスオーバー時の画像のパス')
// ImgPreload('Name', 'usr/css/images/normal.gif', 'usr/css/images/hover.gif');

// サイトツール
ImgPreload('fontsmall', 'usr/css/images/sitetool-font-small.gif', 'usr/css/images/sitetool-font-small-hover.gif');
ImgPreload('fontnormal', 'usr/css/images/sitetool-font-normal.gif', 'usr/css/images/sitetool-font-normal-hover.gif');
ImgPreload('fontlarge', 'usr/css/images/sitetool-font-large.gif', 'usr/css/images/sitetool-font-large-hover.gif');
ImgPreload('search', 'usr/css/images/sitetool-search-button.gif', 'usr/css/images/sitetool-search-button-hover.gif');

/* 画像プリロード */
function ImgPreload() {
	var N = ImgPreload.arguments[0];
	SwImg[N] = new Image();
	SwImg[N][0] = new Image();
	SwImg[N][0].src = ImgPreload.arguments[1];
	SwImg[N][1] = new Image();
	SwImg[N][1].src = ImgPreload.arguments[2];
}

/* ロールオーバー */
function ImgChenge() {
	var ID = ImgChenge.arguments[0];
	var N  = ImgChenge.arguments[1];
	document.images[ID].src = SwImg[ID][N].src;
}

/* 使い方

<a href="#" title="" onmouseout="ImgChenge('fontsmall', 0)" onmouseover="ImgChenge('fontsmall', 1)">
	<img src="usr/css/images/sitetool-fontsize-small.gif" width="43" height="19" alt="" name="fontsmall" />
</a>

*/

/*
汎用タイプ
http://www.coolwebwindow.com/weblife_column/coolweb/000128.php
<img src="image_off.gif" alt="menu" id="image1" 
	onMouseOver="ImgRollOn('image1','image_on.gif')" 
	onMouseOut="ImgRollOff('image1')">
*/

var defImg;
function ImgRollOn(target, img){
	if(document.getElementById){
		defImg = document.getElementById(target).getAttribute("src");
		document.getElementById(target).setAttribute("src", img);
	}
}
function ImgRollOff(target){
	if(document.getElementById){
		document.getElementById(target).setAttribute("src",defImg);
	}
}