// JavaScript Document

/********** 大きい画像クリックで画像の入れ替え関数設定 **********
 参考(http://www.scollabo.com/banban/java/jvsample_007.html) */
 
var num = 0; //変数の初期化
var maxnum;
function change(){
	num++;
	num %= maxnum;
	document.getElementById("image").src= "img/" +num + ".jpg"; //id名imageのブロックの画像のソースの名前指定
}





/********** 操作ボタンを押して切り替える設定 **********/


var MaxLeng = maxnum-1; //画像枚数を設定
function graChange(Change){
	// 前へ押してかつ最初の画像の時、最後の画像にセット
	if(Change == 'prev' && num <= 0){
		num = MaxLeng;
	}
	// 次へ押してかつ画像最大数を超えた時、最初の画像にリセット
	else if(Change == 'next' && num >= MaxLeng){
		num = 0;
	}
	// 戻るボタン
	else if(Change == 'back'){
		num = 0;
	}
	else{
		// 前へ押した時
		if(Change == 'prev'){
			num--;
		// 次へ押した時
		}else if(Change == 'next'){
			num++;
	 	}
	 }
	document.getElementById("image").src= "img/" +num + ".jpg";
}





/********** ﾏｳｽｵｰﾊﾞｰで画像の入れ替え関数設定 **********/


//サムネイル画像マウスｵｰﾊﾞｰ処理
function imgch(url) {
	document.getElementById("image").src=url;
}