// ブロック切り替え：その１
// param : HTML内にて設定したIDの末尾につける連番
// 				※連番はゼロサプレスでつけること
function changeDisp(param){
	
	// class=photoBlockをもつdiv要素に対して
	$("div.photoBlock").each(function(i){
		// class=hideが設定されていない、つまり表示されているブロックならば
		if ($(this).hasClass("hide") == false){
			// class=hideを加える
			$(this).addClass("hide");
			// サムネイルの方からclass=curを外す
			$("#thumb"+(i+1)).removeClass("cur");
		}
	});
	
	// クリックされたサムネイルに対応する画像のブロックからclass=hideを外す
	$("#block" + param ).removeClass("hide");
	// サムネイルにclass=curをつける
	$("#thumb" + param).addClass("cur");
	// 写真を一旦隠す
	$("div.largePhoto").hide();
	// 写真をフェードイン表示する
	$("div.largePhoto").fadeIn("slow");

}

// ブロック切り替え：その２
// param: "PREV" or "NEXT"
// 			※必ず引き数は大文字で書くこと
// 			※PREV＝前へ、NEXT＝次へ　それぞれ進む
// 			PREV/NEXTリンクでのターゲット設定用
//			実際の処理は、changeDispをCALLして行う
function changeDisp2(param){
	
	var currentNum = 1;		// 現在の表示番号
	var MaxNum = 0;			// サムネイルの最大数
	var targetNum = 1;		// 次に表示する番号

	// 現在表示されている物を取得する
	$("div.photoBlock").each(function(i){
		// サムネイル最大数カウントアップ
		MaxNum++;
		// class=hideが設定されていない、つまり表示されているブロックならば
		if ($(this).hasClass("hide") == false){
			// 現在の表示番号を取得する　（※ループカウントは0スタートなので+1）
			currentNum = i + 1;
		}
	});
	
	// 最小番号ではない、かつ、「前へ」リンクの場合
	if (currentNum > 1 && param=="PREV"){
		// 表示対象は現在の番号-1
		targetNum = currentNum - 1;
		// 切り替え関数CALL
		changeDisp(targetNum);

		// サムネイル処理
		if ($("#thumb"+(currentNum-1)).hasClass("unDisp")){
			changeList("PREV");
		}
	}
	
	// 最大番号ではない、かつ、「次へ」リンクの場合
	if (currentNum < MaxNum && param=="NEXT"){
		// 表示対象は現在の番号+1
		targetNum = currentNum + 1;
		// 切り替え関数CALL
		changeDisp(targetNum);
		
		// サムネイル処理
		if ($("#thumb"+(currentNum+1)).hasClass("unDisp")){
			changeList("NEXT");
		}
			
		
	}
	
	
}

// リスト切り替え
// param: "PREV" or "NEXT"
// 			※必ず引き数は大文字で書くこと
// 			※PREV＝前へ、NEXT＝次へ　それぞれ進む
function changeList(param){

	var FlagFrom = 0;		// 表示開始位置
	var FlagCnt = 0;		// 表示されている数
	var FlagMax = 0;		// サムネイル最大数
	
	var ItemPrev = "#thumb1";		// サムネイル画像最小値のID
	var ItemNext = "#thumb9";		// サムネイル画像最大値のID
	var ItemSpacer = "<img src=\"img/disco_blank.gif\" width=\"27\" height=\"27\" alt=\"NO LINK\">";
	
	// 「次へ」
	if (param == "NEXT"){

		$("#photoList li").each(function(i){
			if ($(this).hasClass("disp")){
				// 表示しているサムネイルの開始位置を取得
				if (FlagFrom == 0){
					FlagFrom = i;
				}
				// 表示数カウントアップ
				FlagCnt++;
			}
			// サムネイル数カウントアップ
			FlagMax++;
			
		});

		if ((FlagFrom + FlagCnt+1) < FlagMax){
			// 表示してるサムネイルの1つ目を非表示にする
			$("#thumb" + (FlagFrom)).addClass("unDisp").removeClass("disp");
		}
		// 表示しているサムネイルの右端の隣を表示する
		if ((FlagFrom+FlagCnt) <= FlagMax){
			$("#thumb" + (FlagFrom+FlagCnt)).addClass("disp").removeClass("unDisp");
		}

		// 1番目のサムネイルが非表示の場合
		if ($(ItemPrev).hasClass("unDisp")){
			// 「前へ」のリンクを埋め込む
			$("#prev").html("<a href=\"#\" onclick=\"changeList('PREV');return false;\"><img src=\"img/disco_btn_rewind.gif\" width=\"27\" height=\"27\" alt=\"←\"></a>");
		}
		// 一番最後のサムネイルが表示されている場合
		if ($(ItemNext).hasClass("disp")){
			// 「次へ」のリンクを消す（位置保持で全角スペースで置き換える）
			$("#next").html(ItemSpacer);
		}

		
	}

	// 「前へ」
	if (param == "PREV"){
		$("#photoList li").each(function(i){
			if ($(this).hasClass("disp")){
				// 表示しているサムネイルの開始位置を取得
				if (FlagFrom == 0){
					FlagFrom = i;
				}
				// 表示数カウントアップ
				FlagCnt++;
			}
			// サムネイル数カウントアップ
			FlagMax++;
			
		});

		// 表示してるサムネイルの右端を非表示にする
		if (FlagFrom > 1){
			$("#thumb" + (FlagFrom+FlagCnt-1)).addClass("unDisp").removeClass("disp");
		}

		// 表示しているサムネイルの1つ目の左隣を表示する
		if (FlagFrom > 1){
			$("#thumb" + (FlagFrom - 1)).addClass("disp").removeClass("unDisp");
		}

		// 1番目のサムネイルが表示されている場合
		if ($(ItemPrev).hasClass("disp")){
			// 「前へ」のリンクを消す（位置保持で全角スペースで置き換える）
			$("#prev").html(ItemSpacer);
		}
		// 一番最後のサムネイルが非表示の場合
		if ($(ItemNext).hasClass("unDisp")){
			// 「次へ」のリンクを埋め込む
			$("#next").html("<a href=\"#\" onclick=\"changeList('NEXT');return false;\"><img src=\"img/disco_btn_forward.gif\" width=\"27\" height=\"27\" alt=\"→\"></a>");
		}

	}

}