﻿$(function(){
	/* picture gallery
	----------------------------------------------------------*/
	//マウスカーソル設定
	$("#mainImage, #slideThumbnail li a, #nextBtn, #prevBtn").hover(function(){$(this).css("cursor","pointer"); },function(){ $(this).css("cursor","default"); });
	//画像情報保持
	var image_cache = new Object();
	//画像枚数保持
	var image_number = -1;
	//現在画像
	var current_number = 0;
	//サムネイルクリック時
	$("#slideThumbnail li a").each(function(i) {
		image_cache[i] = new Image();
		image_cache[i].src = this.href;
		image_cache[i].alt = this.title;
		image_number++;
		this.href="#";
		if(i==0){ changeImage(); }
		$(this).click(function(){
			current_number = i;
			changeImage();
		});
	});
	//サムネイルを12枚まで追加
	for(var plus=11-image_number;plus>0;plus--){
		$("#slideThumbnail").append('<li><img src="img/empty.gif" width="68" height="50" alt="" /></li>');
	}
	//メイン画像・nextボタンクリック時
	$("#mainImage, #nextBtn").click(function(){
		if(current_number >= image_number){ current_number = 0; }
		else{ current_number++; }
		changeImage();
	});
	//prevボタンクリック時
	$("#prevBtn").click(function(){
		if(current_number <= 0){ current_number = image_number; }
		else{ current_number--; }
		changeImage();
	});
	//メイン画像切り替え
	function changeImage(){
		$("#mainImage").empty().append('<img src="'+image_cache[current_number].src+'" width="300" height="220" alt="'+image_cache[current_number].alt+'" />');
		$("#slideThumbnail li a").each(function(i){
			if(i==current_number){ $(this).addClass("currentMainImage"); }
			else{ $(this).removeClass("currentMainImage"); }
		});
	}
});