/*=================================================================
	1.Event
	2.MouseOverScript
	3.Popup Window
	
=================================================================*/



/*=================================================================

	1.Event

=================================================================*/
window.onload = function() {
	rollOverImages();
}


/*=================================================================

	2.MouseOverScript

=================================================================*/
// あらかじめマウスオーバーの画像をプリロードした上で、onmouseoverで_on.gifに切り替え
//imgタグと<input type="image">に対応
// 対応形式gif、jpg、png
//
// @param なし
// @return なし
rollOverImages = function() {
	if(document.getElementsByTagName) {
		//すべての画像タグを取得
		var imageList = document.getElementsByTagName('img');
		var imageLen = imageList.length;
		//すべてのinputタグを取得
		var inputList = document.getElementsByTagName('input');
		var inputLen = inputList.length;
		
		var nodeList = [];
		for(var n=0; n<imageLen; n++) {
			var imgNode = imageList[n];
			nodeList.push(imgNode);
		}
		//inputタグのtype属性がimageであれば配列に入れる
		if(inputLen!=0) {
			for(var c=0; c<inputLen; c++) {
				var inputNode = inputList[c];
				if(inputNode.type=='image') {
					nodeList.push(inputNode);
				}
			}
		}
		
		for(var i=0,len=nodeList.length; i<len; i++) {
			var node = nodeList[i];
			if(node.src.match("_off.")) {
				//通常の画像のパス
				node.originalSrc = node.src;
				
				node.temporarySrc = node.originalSrc.replace(/_off/,'');
				//マウスオーバー時の画像のパス
				node.rolloverSrc = node.temporarySrc.replace(/(\.gif|\.jpg|\.png)/,'_on'+"$1");
				//画像のプリロード処理開始
				preloadImage(node.rolloverSrc);
				//Mouseover
				node.onmouseover = function() {
					this.src = this.rolloverSrc;
				}
				//Mouseout
				node.onmouseout = function() {
					this.src = this.originalSrc;
				}
			}
		}
	}
}
//***********************************************
// 画像のプリロードを行う関数
// @param string 画像のパス
// @return なし
preloadImages = [];
preloadImage = function(path) {
	var pre = preloadImages;
	var len = pre.length;
	pre[len] = new Image();
	pre[len].src = path;
}


/*=================================================================

	3.Popup Window

=================================================================*/
// 例：<a href="http://www.yahoo.co.jp" onclick="winOpen(this.href,'win1',800,600,0,0,1,1); return false;">
//
// @param1 string url
// @param2 string ウインドウ名
// @param3 int 幅
// @param4 int 高さ
// @param5 boolean メニューバー有無
// @param6 boolean リサイズ可、不可
// @param7 boolean スクロール可、不可
// @param8 boolean ステータスバー有無
//
// @return なし
openWindow = function(url,winName,w,h,menubar,resize,scroll,status) {
	var newWin = window.open(url,winName,"width="+w+",height="+h+",menubar="+menubar+",resizable="+resize+",scrollbars="+scroll+",location=0,status="+status+",toolbar=0");
	newWin.focus();
}