//-------------------------------------------
// File Name	:photo.js
// Contents		:フォトギャラリー
//
// Copyright (c) 1998-2011 studio e-space Inc.
//-------------------------------------------
var imgwidth	 = 370;
var current = 0;
var slideBar = 700;

$( function() {
	$( '#jquery-ui-slider' ).slider();
			
//メニュー選択
	$('#menu_area p.btn').click(function () {
			//alert($(this).attr('id'));
			var moveID = $(this).attr('id');
			//クローズボタン移動
			var mainImg_width = $('#large_'+ moveID +' p:first-child' ).find('img').attr("width");
			var mainImg_height = $('#large_'+ moveID +' p:first-child' ).find('img').attr("height");
			if(mainImg_width<mainImg_height){
					$('#controller .close').css("right",'375px');
			} else{
					$('#controller .close').css("right",'220px');
			}
			
			$('#menu_area').hide();	
			$('#controller').show(2000);	
			$('#jquery-ui-slider').hide();	
			$('#controller .next').hide();	
			$('#controller .prev').hide();	
			
//			//サムネイルが8枚以上でスライダー出現
//			if(moveID=="event" || moveID=="interview"){
//			$('#controller .next').hide();	
//			$('#controller .prev').hide();	
//			}
//			//サムネイルが8枚以上でスライダー出現
//			var thumb_count=$('#thumb_'+ moveID+ ' div').length;
//			if(thumb_count<=7){
//				$('#jquery-ui-slider').hide();	
//			}
			
			$('#large_'+ moveID ).show();	
			$('#large_'+ moveID +' p:first-child' ).css('left', '165px');	
			$('#large_'+ moveID +' p:first-child' ).addClass("view").show();	

			//CloseにIDを渡しておく
			$('#controller .close').attr('id', moveID);
			
			//thumbの数を数える
			
			$('#thumb_'+ moveID).show(500);	
			
			var now_position	 = 1;
			var windowW = $(window).width();
			var thumb_place = windowW/2 -imgwidth;
			
			if(thumb_place>165){
				$('#thumb .list').css({
					'left'  :  thumb_place+ 'px'
				});
			} else{
				$('#thumb .list').css({
					'left' : '165px'
				});
			}
			
			//サムネイルを大きくする
			$('#thumb_'+ moveID +' div:eq(0)').attr('class','select');
			
			var change = $('#thumb_'+ moveID +' div:eq(0)').find('img').attr('src');
			var changeUrl = change.replace("thumb","select");
			$('#thumb_'+ moveID +' div:eq(0)').find('img').attr('src',changeUrl);
			
	});		
		
		
//閉じるボタン
	$('#controller .close').click(function () {
			//alert($(this).attr('id'));
			var moveID = $(this).attr('id');
			var index = $('#large_'+ moveID +' p.view').index();
			$('#menu_area').fadeIn("slow");	
			$('#controller').hide();	
			$('#thumb_'+ moveID).hide(1000);	
			$('#large_'+ moveID).hide();	
			$('#large_'+ moveID +' p' ).removeClass("view").hide();	
			
			
			$('#thumb_'+ moveID +' div:eq('+index+')').removeClass('select');
			$('#thumb_'+ moveID +' div:eq('+index+')').addClass("thumb");
			var change = $('#thumb_'+ moveID +' div:eq('+index+')').find('img').attr('src');
			var changeUrl = change.replace("select","thumb");
			$('#thumb_'+ moveID +' div:eq('+index+')').find('img').attr('src',changeUrl);


	});
		
//次ボタン
	$('#controller .next').click(function () {
			var moveID = $('#controller .close').attr('id');
			var index = $('#large_'+ moveID +' p.view').index();
			var count = $('#large_'+ moveID +' p').length;
			
			if(index+1<count){
				var windowW = $(window).width();
				var end_place = -(windowW/2 +imgwidth);
				var place = 165;
				var start_place = windowW + imgwidth;
				
				$('#large_'+ moveID +' p:eq('+index+')').next().css({ top: 120,left: start_place }).show();
				$('#large_'+ moveID +' p:eq('+index+')').next().addClass("view");
				$('#large_'+ moveID +' p:eq('+index+')').next().animate({ top: 120, left: place },1000);
				$('#large_'+ moveID +' p:eq('+index+')').animate({ top: 120, left: end_place },1000);
				$('#large_'+ moveID +' p:eq('+index+')').removeClass("view");
				
				$('#large_'+ moveID +' p.view').prev().fadeOut();

				//select入れ替え
				var change = $('#thumb_'+ moveID +' div.select').find('img').attr('src');
				var changeUrl = change.replace("select","thumb");

				$('#thumb_'+ moveID +' div.select').find('img').attr('src',changeUrl);
				$('#thumb_'+ moveID +' div.select').removeClass("select");
				$('#thumb_'+ moveID +' div:eq('+index+')').addClass("thumb");
			
				$('#thumb_'+ moveID +' div:eq('+index+')').next().removeClass("thumb");
				$('#thumb_'+ moveID +' div:eq('+index+')').next().addClass("select");
				var changeSelect = $('#thumb_'+ moveID +' div:eq('+index+')').next().find('img').attr('src');
				var selectUrl = changeSelect.replace("thumb","select");
				$('#thumb_'+ moveID +' div:eq('+index+')').next().find('img').attr('src',selectUrl);
				
				}
			
			//クローズボタン移動
			var mainImg_width = $('#large_'+ moveID +' p:eq('+index+')').next().find('img').attr("width");
			var mainImg_height = $('#large_'+ moveID +' p:eq('+index+')').next().find('img').attr("height");
			if(mainImg_width<mainImg_height){
					$('#controller .close').css("right",'375px');
			} else{
					$('#controller .close').css("right",'220px');
			}
			
			
	});		
		
//戻るボタン
	$('#controller .prev').click(function () {
			var moveID = $('#controller .close').attr('id');
			var index = $('#large_'+ moveID +' p.view').index();
			if(index+1>1){
				var windowW = $(window).width();
				var end_place = windowW +imgwidth;
				var place = 165;
				var start_place = -(windowW/2 +imgwidth);
				$('#large_'+ moveID +' p:eq('+index+')').prev().css({ top: 120,left: start_place }).show();
				$('#large_'+ moveID +' p:eq('+index+')').prev().addClass("view");
				$('#large_'+ moveID +' p:eq('+index+')').prev().animate({ top: 120, left: place },1000);
				$('#large_'+ moveID +' p:eq('+index+')').animate({ top: 120, left: end_place },1000);
				$('#large_'+ moveID +' p:eq('+index+')').removeClass("view");
				
				$('#large_'+ moveID +' p.view').next().fadeOut();
				
				//select入れ替え
				var change = $('#thumb_'+ moveID +' div.select').find('img').attr('src');
				var changeUrl = change.replace("select","thumb");

				$('#thumb_'+ moveID +' div.select').find('img').attr('src',changeUrl);
				$('#thumb_'+ moveID +' div.select').removeClass("select");
				$('#thumb_'+ moveID +' div:eq('+index+')').addClass("thumb");
			
				$('#thumb_'+ moveID +' div:eq('+index+')').prev().removeClass("thumb");
				$('#thumb_'+ moveID +' div:eq('+index+')').prev().addClass("select");
				var changeSelect = $('#thumb_'+ moveID +' div:eq('+index+')').prev().find('img').attr('src');
				var selectUrl = changeSelect.replace("thumb","select");
				$('#thumb_'+ moveID +' div:eq('+index+')').prev().find('img').attr('src',selectUrl);
				
			//クローズボタン移動
			var mainImg_width = $('#large_'+ moveID +' p:eq('+index+')').prev().find('img').attr("width");
			var mainImg_height = $('#large_'+ moveID +' p:eq('+index+')').prev().find('img').attr("height");
			if(mainImg_width<mainImg_height){
					$('#controller .close').css("right",'375px');
			} else{
					$('#controller .close').css("right",'220px');
			}
			
			}
		
	});		
		
//スライドの写真を選択した時
$("#thumb .list div").click(function () {
			var moveID = $('#controller .close').attr('id');
			var count = $('#thumb_'+ moveID +' div').length;
			var index = $('#thumb_'+ moveID +' div.select').index();
			var thisIndex = $(this).index();
			
			var change = $('#thumb_'+ moveID +' div.select').find('img').attr('src');
			var changeUrl = change.replace("select","thumb");
			
			$('#thumb_'+ moveID +' div.select').find('img').attr('src',changeUrl);
			$('#thumb_'+ moveID +' div.select').removeClass("select");
			$('#thumb_'+ moveID +' div:eq('+index+')').addClass("thumb");
			
			$(this).removeClass("thumb");
			$(this).addClass("select");
			var changeSelect = $(this).find('img').attr('src');
			var selectUrl = changeSelect.replace("thumb","select");
			$(this).find('img').attr('src',selectUrl);
			
				if(index !=thisIndex){
			//写真の移動
				var windowW = $(window).width();
				var place = 165;
				if(index < thisIndex){
					var start_place = windowW + imgwidth;
					var end_place = -(windowW/2 +imgwidth);
					$('#large_'+ moveID +' p:eq('+thisIndex+')').css({ top: 120,left: start_place }).show();
					$('#large_'+ moveID +' p:eq('+thisIndex+')').addClass("view");
					$('#large_'+ moveID +' p:eq('+thisIndex+')').animate({ top: 120, left: place },1000);
					$('#large_'+ moveID +' p:eq('+index+')').animate({ top: 120, left: end_place },1000);
					$('#large_'+ moveID +' p:eq('+index+')').removeClass("view");
					
					$('#large_'+ moveID +' p:eq('+index+')').fadeOut();
				}else{
					var end_place = windowW +imgwidth;
					var start_place = -(windowW/2 +imgwidth);
					$('#large_'+ moveID +' p:eq('+thisIndex+')').css({ top: 120,left: start_place }).show();
					$('#large_'+ moveID +' p:eq('+thisIndex+')').addClass("view");
					$('#large_'+ moveID +' p:eq('+thisIndex+')').animate({ top: 120, left: place },1000);
					$('#large_'+ moveID +' p:eq('+index+')').animate({ top: 120, left: end_place },1000);
					$('#large_'+ moveID +' p:eq('+index+')').removeClass("view");
					
					$('#large_'+ moveID +' p:eq('+index+')').fadeOut();
				}
				//スライダー移動
				var moveWidth = $("#thumb_"+ moveID).width();
				var windowW = $(window).width();
				var thumb_place = windowW/2 -imgwidth;
				$("#jquery-ui-slider .ui-slider-handle").css("left",700/(count-1)*(thisIndex));
			//サムネイルが8枚以上で写真の移動
			
//			var thumb_count2=$('#thumb_'+ moveID+ ' div').length;
//			if(thumb_count2>=7){
//				$("#thumb_"+ moveID).css("left",-((moveWidth-700)/(count-1))*(thisIndex)+thumb_place);
//			}

				//クローズボタン移動
			var mainImg_width = $('#large_'+ moveID +' p:eq('+thisIndex+')' ).find('img').attr("width");
			var mainImg_height = $('#large_'+ moveID +' p:eq('+thisIndex+')' ).find('img').attr("height");
			if(mainImg_width<mainImg_height){
					$('#controller .close').css("right",'375px');
			} else{
					$('#controller .close').css("right",'220px');
			}
				}
	});		
	
//スライダー
$("#jquery-ui-slider").slider({
	slide:function(event,ui){
		var moveID = $('#controller .close').attr('id');
		var moveWidth = $("#thumb_"+ moveID).width();
		var windowW = $(window).width();
		var thumb_place = windowW/2 -imgwidth;
		
		$("#thumb_"+ moveID).css("left",-((moveWidth-700)*ui.value/100)+thumb_place);
			
	}
}); 

		
		
// END
} );

$(window).resize(function(){
var windowW = $(window).width();
var thumb_place = windowW/2 -imgwidth;
	if(thumb_place>165){
			$('#thumb .list').css({
				'left'  :  thumb_place+ 'px'
			});
		} else if(windowW<1069){
			$('#thumb .list').css({
				'left'  :  thumb_place+ 'px'
			});
		} else {
			$('#thumb .list').css({
				'left' : '165px'
			});
		}
});		

function photoSet(flag){
		//画像切り替え
			$('#photo_area #menu_area #food').fadeIn("slow")
			$('#photo_area #menu_area #space').fadeIn("slow")
			$('#photo_area #menu_area #event').fadeIn("slow")
			$('#photo_area #menu_area #interview').fadeIn("slow")
			$('#photo_area #menu_area #other').fadeIn("slow")
}

function photoClear(){
		//画像切り替え
		$('#photo_area #menu_area #food').fadeOut("slow")
		$('#photo_area #menu_area #space').fadeOut("slow")
		$('#photo_area #menu_area #event').fadeOut("slow")
		$('#photo_area #menu_area #interview').fadeOut("slow")
		$('#photo_area #menu_area #other').fadeOut("slow")
}

function photoIn(flag){
		//画像切り替え
		if(flag ==0){
			$('#photo_area #menu_area #food').animate({left:'59px'}, 1500);
			$('#photo_area #menu_area #space').animate({left:'380px'}, 1500);
			$('#photo_area #menu_area #other').animate({left:'701px'}, 1500);
			$('#photo_area #menu_area #interview').animate({left:'59px'}, 1500);
			$('#photo_area #menu_area #event').animate({left:'380px'}, 1500);
			setTimeout(function(){	photoIn2();},2000);
		}else{
			$('#photo_area #menu_area #food').css({left:'59px'});
			$('#photo_area #menu_area #space').css({left:'380px'});
			$('#photo_area #menu_area #other').css({left:'701px'});
			$('#photo_area #menu_area #interview').css({left:'59px'});
			$('#photo_area #menu_area #event').css({left:'380px'});
			$('#photo_area #menu_area #info').fadeIn("slow");
			$('#photo_area #menu_area #food .tag').css({top:'-25px'});
			$('#photo_area #menu_area #space .tag').css({top:'-25px'});
			$('#photo_area #menu_area #other .tag').css({top:'-25px'});
			$('#photo_area #menu_area #interview .tag').css({top:'-25px'});
			$('#photo_area #menu_area #event .tag').css({top:'-25px'});
		}
}

function photoIn2(){
		//画像切り替え
		$('#photo_area #menu_area #info').fadeIn("slow");
		$('#photo_area #menu_area #food .tag').animate({top:'-25px'}, 1500);
		$('#photo_area #menu_area #space .tag').animate({top:'-25px'}, 1500);
		$('#photo_area #menu_area #other .tag').animate({top:'-25px'}, 1500);
		$('#photo_area #menu_area #interview .tag').animate({top:'-25px'}, 1500);
		$('#photo_area #menu_area #event .tag').animate({top:'-25px'}, 1500);
		
}

function photoOut(){
		//画像切り替え
		$('#photo_area #menu_area #food').animate({left:'1300px'}, 1500);
		$('#photo_area #menu_area #space').animate({left:'1300px'}, 1500);
		$('#photo_area #menu_area #event').animate({left:'1300px'}, 1500);
		$('#photo_area #menu_area #interview').animate({left:'1300px'}, 1500);
		$('#photo_area #menu_area #other').animate({left:'1300px'}, 1500);
		setTimeout($('#photo_area #menu_area #info').fadeOut("slow"),5000)
		
}

function photo_avator(i){

	switch(i){
		case 0:
			
			$("#photo_avator").css("background-position","-2px -760px");
			break;

		case 1:

			$("#photo_avator").css("background-position","-318px -760px");
			break;

		case 2:

			$("#photo_avator").css("background-position","-397px -760px");
			break;
	}
}