//@charset "utf-8";

	var $liObj;
	var thumbImgWidth;
	var imgPadding = 0;	//小画像の横パディング
	var mainImgPadding = 0;	//大画像の横パディング
	var imgWidth = 152;	//通常時画像横幅
	var mainImgWidth = 322;	//拡大時画像横幅
	var sliderWidth;
	var defaultMargin;
	var timerVisual;
	var timerSlider;
	var clickFlg = "";
	var rotation = 5000; 	//自動間隔(ms)
	var $ulObj;
	var mainObj;
	var nextIndex;

$(function(){
	
	
	//初期設定
	$('p.loading').remove();
	$liObj = $('div#slider div.sliderInnerBlock ul li');	
	sliderWidth = ($liObj.size()-1) * (imgWidth + 2 * imgPadding) + mainImgWidth + 2 * mainImgPadding;
	$liObj.parent().parent().width(sliderWidth);
	$('div#mainVisual div#defaultBlock').css('display','block');
	$('div.block div.fadeImgBlock ul li').css('display','none'); 
	$('div#rakuyokurakuzaBlock div.fadeImgBlock ul li:eq(0)').css('display','block');
	$('div#escortBlock div.fadeImgBlock ul li:eq(0)').css('display','block');
	
	thumbImgWidth = $('div#slider div.sliderInnerBlock ul li').width();
	$liObj = $('div#slider div.sliderInnerBlock ul li');
	defaultMargin = $('div#slider div.sliderInnerBlock ul').css('margin-left');
	
	//メインビジュアル処理
	$('div#mainVisual div#defaultBlock map area#escort').click(
		function(){
			$(this).parent().parent().fadeOut(500);
			$('div#mainVisual div#escortBlock').fadeIn(500);
			timerVisual = setInterval('fadeImg("escortBlock")',5000);
		}
	);
	$('div#mainVisual div#defaultBlock map area#rakuyoku').click(
		function(){
			$(this).parent().parent().fadeOut(500);
			$('div#mainVisual div#rakuyokurakuzaBlock').fadeIn(500);
			timerVisual = setInterval('fadeImg("rakuyokurakuzaBlock")',5000);
		}
	);
	$('div#defaultBlock area').each(
		function(){	//イメージマップRO
			$('div#defaultBlock area').hover(
				function(){
					var areaId = $(this).attr('id');
					$('div#defaultBlock p#mainPic img').attr('src','/image/index/pic_main_01_' + areaId + '.jpg');
				},
				function(){
					$('div#defaultBlock p#mainPic img').attr('src','/image/index/pic_main_01.jpg');
				}
			);
		}
	);
	
	//エスコート
	$('div#mainVisual div#escortBlock p.link02 img').click(
		function(){
			$(this).parent().parent().fadeOut(500);
			$('div#mainVisual div#rakuyokurakuzaBlock').fadeIn(500);
			clearInterval(timerVisual);
			timerVisual = setInterval('fadeImg("rakuyokurakuzaBlock")',5000);
			
		}
	);
	
	
	//楽浴楽座	
	$('div#mainVisual div#rakuyokurakuzaBlock p.link02 img').click(
		function(){
			$(this).parent().parent().fadeOut(500);
			$('div#mainVisual div#escortBlock').fadeIn(500);
			clearInterval(timerVisual);
			timerVisual = setInterval('fadeImg("escortBlock")',5000);
		}
	);
	
	
	//スライダー
	
	nextIndex = 7;
	$ulObj = $('div#slider div.sliderInnerBlock ul');
	$ulObj.css("margin-left",defaultMargin);
	$ulObj.children().eq(nextIndex).css({width: mainImgWidth + 'px'});
	$ulObj.children().eq(nextIndex).children().children(".thumb").hide().end().find(".bigImg").show();
	
	
	
	//←→ボタン
	$('div#slider p.previous,div#slider p.next').click(
		function(){
			var moveType = $(this).attr("class");
			rotationImg(moveType);
		}
	);
	
	//timerSlider = setTimeout('rotationImg("previous")',rotation);
	
});
function rotationImg(moveType){
	if(clickFlg != "1"){
		clickFlg = "1";
		clearTimeout(timerSlider);
		//移動ボタン削除
		$('div#slider p.next,div#slider p.previous').hide();
		//拡大画像から縮小画像に切り替え
		$liObj.eq(nextIndex).children().children(".bigImg").fadeOut().end().children(".thumb").css("left","87px").fadeIn(function(){
			//横移動・表示してた画像枠の幅変更・次の画像枠の幅変更・次の画像の位置調整
			var moveDis;
			moveDis = (moveType == "previous") ? '-=' + imgWidth + 'px' : '+=' + imgWidth + 'px';
			$ulObj.animate({marginLeft: moveDis},1000,'easeOutExpo');
			$liObj.eq(nextIndex).children().children(".thumb").animate({left:"0px"},100,'linear');
			$liObj.eq(nextIndex).animate({width: imgWidth + "px"},1000,'easeOutExpo');
			
			nextIndex = (moveType == "previous") ? nextIndex + 1 : nextIndex - 1;
			$liObj.eq(nextIndex).animate({width: mainImgWidth + "px"},1000,'easeOutExpo');
			$liObj.eq(nextIndex).children().children(".thumb").animate({left:"87px"},1000,'easeOutExpo',function(){
				//画像の拡大版を表示
				$liObj.eq(nextIndex).children().children(".thumb").fadeOut().end().children(".bigImg").fadeIn(function(){
					//端まで来た場合
					var limitIndex;
					limitIndex = (moveType == "previous") ? 12 : 2;
					if(nextIndex == limitIndex){
						$liObj.eq(nextIndex).css({width: imgWidth + 'px'});
						$liObj.children().children(".bigImg").hide().end().children(".thumb").css("left","0px").show();
						nextIndex = 7;
						$liObj.eq(nextIndex).children().children(".thumb").hide().end().children(".bigImg").show();
						$ulObj.css('margin-left',defaultMargin);
						$liObj.eq(nextIndex).css({width: mainImgWidth + 'px'});
					}
					clickFlg = "";
				});
				$('div#slider p.next,div#slider p.previous').fadeIn();
				//timerSlider = setTimeout('rotationImg("'+moveType+'")',rotation);
			});
		});
	}
}

function fadeImg(id){
	
	$('div#' + id + ' div.fadeImgBlock ul li:eq(0)').fadeOut(500);
	$('div#' + id + ' div.fadeImgBlock ul li:eq(1)').fadeIn(500);
	$('div#' + id + ' div.fadeImgBlock ul li:eq(0)').appendTo('div#' + id + ' div.fadeImgBlock ul');
}