$(function() 
{
	$.ajaxSetup({ cache: false });

	var currentImage;
	$('#main-image').draggable('disable');

	/****** 画像入れ替え ***/
	$(".replace-image").click(function (element) 
	{
		var id = ($(this).attr("id"));
		$('#main-image').animate({width:370, height:370, left:730, top:730}, 100);
		$('#main-image').attr('src', $("#other-"+id).val());
		$('#current-image').val($("#other-"+id).val());
		$('#current-large-image').val($("#other-large-"+id).val());
	});

		/*** ZoomIn **/
	$("#zoom-in").click(function ()
	{
		currentImage = $("#current-large-image").val();
		$('#main-image').animate({width:1110, height:1110, left:365, top:365}, 600, function(){
			$('#main-image').attr('src', currentImage);
			$('#main-image').draggable('enable');
			$('#main-image').draggable({cursor:'move',containment:'parent'});

		});
	});

	/*** ZoomOut **/
	$("#zoom-out").click(function ()
	{
		currentImage = $("#current-image").val();
		$('#main-image').animate({width:370, height:370, left:730, top:730}, 600, function(){
			$('#main-image').attr('src', currentImage);
		//	$('#main-image').draggable('disable', {opacity:1});
		});
	});

	/****** 関連画像 ***/
	var currentRelationPage = 1;
	var relationCount = $('#relation-count').val();
	var relationPage = $('#relation-page').val();
	var relationStep = 90 * 8;
	var relationPos = 0;

	if (relationPage <= 1)
	{
		$('#recommend-navi').hide();
	}	

	$("#relation-left").click(function () {
		if (currentRelationPage > 1)
		{
			relationPos = $('#relation-thumbnail-list').position();
				$('#relation-page-'+currentRelationPage).attr('src', '/images/view/page.png');			
				$('#relation-thumbnail-list').fadeOut('normal', function(){
				currentRelationPage = currentRelationPage - 1;
				$('#relation-page-'+currentRelationPage).attr('src', '/images/view/current.png');			
				$('#relation-thumbnail-list').css('left', relationPos.left + relationStep);
				$('#relation-thumbnail-list').fadeIn('normal');
			});
		}
	});

	$("#relation-right").click(function () {
		if (currentRelationPage < relationPage)
		{
			relationPos = $('#relation-thumbnail-list').position();
			$('#relation-page-'+currentRelationPage).attr('src', '/images/view/page.png');			
			$('#relation-thumbnail-list').fadeOut('normal', function(){
				currentRelationPage = currentRelationPage + 1;
				$('#relation-page-'+currentRelationPage).attr('src', '/images/view/current.png');			
				$('#relation-thumbnail-list').css('left', relationPos.left - relationStep);
				$('#relation-thumbnail-list').fadeIn('normal');
			});
		}
	});

	/****** おすすめ画像 ***/
	var currentRecommendPage = 1;
	var recommendCount = $('#recommend-count').val();
	var recommendPage  = $('#recommend-page').val();
	var recommendStep  = 140 * 4;
	var recommendPos   = 0;

	if (recommendPage <= 1)
	{
		$('#recommend-left').hide();
		$('#recommend-right').hide();
	}	

	$("#recommend-left").click(function () {
		if (currentRecommendPage > 1)
		{
			recommendPos = $('#recommend-thumbnail-list').position();
			$('#recommend-thumbnail-list').fadeOut('normal', function(){
				currentRecommendPage = currentRecommendPage - 1;
				$('#recommend-page-list p').empty();
				$('#recommend-page-list p').append(currentRecommendPage+'/'+recommendPage);	
				$('#recommend-thumbnail-list').css('top', recommendPos.top + recommendStep);
				$('#recommend-thumbnail-list').fadeIn('normal');
			});
		}
	});

	$("#recommend-right").click(function () {
		if (currentRecommendPage < recommendPage)
		{
			recommendPos = $('#recommend-thumbnail-list').position();				
			$('#recommend-thumbnail-list').fadeOut('normal', function(){
				currentRecommendPage = currentRecommendPage + 1;
				$('#recommend-page-list p').empty();
				$('#recommend-page-list p').append(currentRecommendPage+'/'+recommendPage);	
				$('#recommend-thumbnail-list').css('top', recommendPos.top - recommendStep);
				$('#recommend-thumbnail-list').fadeIn('normal');
			});
		}
	});


});