// JavaScript Document charset:shift_jis
//説明　#area01 #backimage_gallery a　をクリックすると、back_image.jsで切り替えられる背景画像に対応したギャラリー画像をlightboxエフェクトで表示します
//背景画像と対応するギャラリー画像をhome-js_css/backimage_galleryに同名で格納しておくこと
//必要ライブラリ：jQuery.js, jquery.lightbox.js


//パラメータ部（写真に応じてこの部分のコメントを書き換えてください）

	var picLENGTH = 10 //切り替える画像の総数（前ゼロ不要）

	comentarray = new Array(
	//ギャラリー画像の画像下コメント
	//以下、1行目がbackimage1.jpgのコメント、2行目がbackimage2.jpgのコメント・・・となります。
	//　 "コメント", 　の書式で記述し、最後の画像のコメントだけは末尾のカンマを付けないこと。
	//コメント内にリンクも記述可能。ダブルクォート内のためシングルクォートを使うこと。
						
	"<a href='02kankou/01info/02shisetsu/15jigokumushi.html'>地獄蒸し工房 鉄輪</a>",
	"<a href='02kankou/01info/02shisetsu/15jigokumushi.html'>地獄蒸し工房 鉄輪</a>",
	"<a href='02kankou/01info/02shisetsu/15jigokumushi.html'>地獄蒸し工房 鉄輪</a>",
	"<a href='02kankou/01info/03shizen/07yukemuri.html'>別府の湯けむり</a>",
	"<a href='02kankou/02event/01maturi/02ougiyama.html'>扇山火まつり</a>　（<a href='02kankou/02event/01maturi/01hattomaturi.html'>別府八湯温泉まつり</a>　４月）",
	"<a href='02kankou/01info/03shizen/09beppu-park.html'>春の別府公園</a>　（４月）",
	"<a href='02kankou/02event/03light/02sentomyo.html'>千灯明　竹細工の明かり</a>",
	"<a href='02kankou/01info/03shizen/02kagurame.html'>神楽女湖の花しょうぶ</a>　（６月）",
	"<a href='02kankou/02event/01maturi/06natsuyoi.html'>夏の宵まつり</a>　（７月）",
	"<a href='01onsen/02shiei/04takegawara/takegawara.html'>竹瓦温泉</a>"


);






//以下処理部


//backimage.jsで切り替えられる背景画像に合わせた画像を表示させる
//backimage.jsで使用している背景画像番号cookieを読み込んで、同じ番号のギャラリー画像とコメントを表示させる
//画像下コメントはaタグのtitle2属性に格納し、jquery.lightbox.jsが画像下に表示させる
//aタグのtitle属性はlightbox展開前のマウスオーバー時表示用テキストとなる
jQuery(function() {
	var topbackcookie = jQuery.cookie("topback");
	jQuery('#backimage_gallery a:eq(0)').attr("href", "home-js_css/backimage_gallery/backimage"+topbackcookie+".jpg");
	var comment = comentarray[topbackcookie -1 ];
	jQuery('#backimage_gallery a:eq(0)').attr("title2", comment);//lightbox用コメント
	var withoutlinkcomment = comment.replace(/<a.*?>|<\/a>/g,"");
	jQuery('#backimage_gallery a:eq(0)').attr("title", withoutlinkcomment);//lightbox展開前表示用title属性
	


//それ以外の画像もさらにギャラリー内で見られるようにギャラリーへのリンクに追加しておく
	topbackcookie = Number(topbackcookie);//値を数値に変換
	//表示している背景画像よりも後のギャラリー画像とコメントを追加
	for(i = topbackcookie+1; i <= picLENGTH; i++){
		jQuery('#backimage_gallery li:last').after('<li><a href="home-js_css/backimage_gallery/backimage'+ i +'.jpg"></a></li>');
		jQuery('#backimage_gallery li:last').css("display","none");
		comment = comentarray[Number(i)-1];
		jQuery('#backimage_gallery a:last').attr("title2", comment);
	}
	//その後ろにさらに表示している背景画像よりも前のギャラリー画像とコメントを追加
	for(i = 1; i< topbackcookie; i++){
		jQuery('#backimage_gallery li:last').after('<li><a href="home-js_css/backimage_gallery/backimage'+ i +'.jpg"></a></li>');
		jQuery('#backimage_gallery li:last').css("display","none");
		comment = comentarray[Number(i)-1];
		jQuery('#backimage_gallery a:last').attr("title2", comment);
	}
});

//lightboxを要素に適用
jQuery(function() {
	jQuery('#backimage_gallery a').lightBox({
		overlayBgColor: '#000', //ギャラリー外の色
		overlayOpacity: 0.4, //ギャラリー外の不透明度
		txtImage: '背景画像ギャラリー',
		txtOf: '/'
		}
	);
});