$(function() {  
	$("#gallery0").scrollable({
		horizontal: true,
		size: 1,
		items: "#gallery0-items",
		prev: "#gallery0Box .navi_prev",
		next: "#gallery0Box .navi_next"
	});  

	$("#gallery1").scrollable({
		horizontal:true,
		size:1,
		items:"#gallery1-items",
		prev: "#gallery1Box .navi_prev",
		next: "#gallery1Box .navi_next"
	});  

	$("#gallery2").scrollable({
		horizontal:true,
		size:1,
		items:"#gallery2-items",
		prev: "#gallery2Box .navi_prev",
		next: "#gallery2Box .navi_next"
	});  
	
	// アンカー指定
	/*
	var hash = location.hash.slice(1);
	if( hash ){
		$("#scrollable").scrollable().setPage(hash-1);
	}
	*/
	/******************
	* 画像がクリックされた
	*/
	// 現在のアクティブを格納
	var __galleryActive = undefined;
	
	$(".galleryBox a").each(
		function(i){
			$(this).click( function(){
				// アクティブをクリックしたら無視
				if( __galleryActive == this ){ return false; }
				
				// 画像表示
				$('#galleryLarge-image').html( '<img src="'+ this.href +'">' );
				$('#galleryLarge-image img').hide();
				$('#galleryLarge-image img').fadeIn( 500 );
				
				// テキスト表示
				$('#galleryLarge-comment').html( this.title );
				
				// ボタン状態変更
				$(__galleryActive).removeClass( 'galleryActive' );
				$(this).addClass( 'galleryActive' );
				__galleryActive = this;
				
				return false;
			});
		}
	);
//	alert(999);

});