/* ******************************************************************************************
	画像クリックで画像が切り替わるスクリプトモジュール 20070509We_153650
	by T.Schinmullar

	HTMLに埋め込むソース例
	| <script type="text/javascript" language="JavaScript" src="http://premo.mainichi.co.jp/premo/shop/js/chngImg.js"></script>
	| <script type="text/javascript" language="JavaScript">
	| 	<!--
	| 	fnAddImg('http://premo.mainichi.co.jp/premo2/image/furoshiki/earth_s.jpg');
	| 	fnAddImg('http://premo.mainichi.co.jp/premo2/image/furoshiki/pet_s.jpg');
	| 	fnAddImg('http://premo.mainichi.co.jp/premo2/image/furoshiki/tutumi_cha_s.jpg');
	| 	// -->
	| </script>
	| <script type="text/javascript" language="JavaScript">fnDispImg();</script>

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

var vImgSrc = new Array;
var vImgObj = new Array;

/* 画像切り替え */
function fnChngImg( fnctNum ){
	var i;
	var j;
	var hit = 0;
	var defSrc = new String;
	var tgtImg = document.getElementById( 'idImgChng' + fnctNum );
	
	for(i=0; i<vImgObj.length; i++ ){
		if( vImgObj[i].id == fnctNum ){
			if( defSrc == '' ){ defSrc = vImgObj[i].src; }
			if( vImgObj[i].src == tgtImg.src ){
				for( j=i+1; j<vImgObj.length; j++ ){
					if( vImgObj[j].id == fnctNum ){
						tgtImg.src = vImgObj[j].src;
						i = vImgObj.length;
						hit = 1;
						break;
					}
				}
			}
		}
		if( hit == 1 ){ break; }
	}
	if( hit == 0 ){ tgtImg.src = defSrc; }
	
	tgtImg.refresh;
}

/* 初期画像の表示 */
function fnDispImg( fnctNum ){
	var i;
	
	for(i=0; i<vImgObj.length; i++ ){
		if( vImgObj[i].id == fnctNum){
			document.write('<a href="javascript: void(0);" onclick="fnChngImg(' + fnctNum + ');"><img id="idImgChng' + fnctNum + '" src="' + vImgObj[i].src + '" /></a>');
			break;
		}
	}
}

/* 表示画像を登録 */
function fnAddImg( fnctNum, imgSrc ){
	vImgSrc[vImgSrc.length] = imgSrc;

	vImgObj[vImgSrc.length-1] = new Image;
	vImgObj[vImgSrc.length-1].src = imgSrc;
	vImgObj[vImgSrc.length-1].id = fnctNum;
}