// Set onLoad with jQuery


// Set onClick for Context Box ----------------------------------------------------------------------*

/* Variables Meaning =========================================================================

var trg : Event Trigger Object
var box : Context Box Object
var tgt : Target Path to Context Box from Trigger [String]
var anm : Select Animation Type [String: slide / fade / none]
var bgp : Change Background-Position of Trigger [Array: [0]Boolean, [1]Focus, [2]Blur]

============================================================================================*/




/*---------------------------------------------------------------------*/
//【ymov-mn108】★←　→をクリック　フェードアウト・フェードイン
/*---------------------------------------------------------------------*/

var fading=false;
//フェード中flag
var ul_current
//最初に表示するul
var ul_max;
//ulの数
var ul_lst_ary=new Array();
//ulの格納用配列


//高さ調節
function trgFlatHeights() {
	$('div.ymov-mn108 div.sche th').each(function(i){
		$('div.ymov-mn108 div.sche th#mn108chTh'+(i+1)+' dl, div.ymov-mn108 div.sche div#mn108Htgt'+(i+1)+' li div').flatHeights();
		
	})
}

//body onloadで実行される
function timetable(ul_num){
	
	tmp0=$('.ymov-mn108 table.tt-table div.wrslide ul').size()
	tmp=(tmp0+'00%')
	//alert(tmp)
	tmp2=(100/tmp0)+'%';
	//alert(tmp2)

	$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.tt-table div.time-wr div.slide').width(tmp);
	$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.tt-table div.time-wr div.slide ul').width(tmp2);
	$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.tt-table div.time-wr div.slide').css('display','block');
	//表示を戻す
	
	$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.sche-table td div.slide').width(tmp);
	$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.sche-table td div.slide ul').width(tmp2);
	$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.sche-table td div.slide li div').css('display','block');
	//表示を戻す
	
	
	ul_current = ul_num;
	ul_max=$('.ymov-mn108 table.tt-table div.wrslide ul').size()-1;
	//ulの数。０から数えるので-1
	
	
	trgFlatHeights()
	//高さ調節
	
	$('.ymov-mn108 table.tt-table div.wrslide ul').each(
		function(idx)
		{
			//ヘッダー時間帯のulの数だけ繰り返し
			ul_lst_ary[idx]=$(this);
			//ulの配列
			if(idx!=ul_current)
			{
				$(this).hide();
				//最初に表示するul以外を非表示
			}
		}
	)
	
	$('.ymov-mn108 .slide').each(
		function(idx)
		{
		//カレンダーのセル部分の数だけ繰り返し
		if(idx != 0)
		{
			$('#mn108Htgt'+(idx)+' ul').each(
				function(idx){
					//$(this).height($(this).height())
					if(idx != ul_current)
					{
						
					$(this).hide();
						//最初に表示するul以外を非表示
					}	
				}						 
			);
		}
		}
	)
	
	
	//←・→の初期化
	if(ul_current== ul_max)
	{
		$(".ymov-mn108 #mn108mnp01").removeClass("sc02");
		$(".ymov-mn108 #mn108mnp01").addClass("sc01");
		//次がなかったら←のみ押せる状態へ
	}
	else if(ul_current > 0)
	{
		$(".ymov-mn108 #mn108mnp01").removeClass("sc01");
		$(".ymov-mn108 #mn108mnp01").addClass("sc02");
	}
	//.ymov-mn108 div.time-wr a内の.nextと.prevを見つけてclickイベントとmn108Move01メソッドを設定
	$('.ymov-mn108 div.time-wr a')
	.filter('.next').bind('click', 'next', mn108Move01 )
	.end()
	.filter('.prev').bind('click', 'prev', mn108Move01 );
	
	$('div.ymov-mn108 div.sche div#mn108Htgt4 li div').height(54)
	
}


function mn108Move01( e ){
	
	var css_state;//class状態のチェック変数
	var speed=1400;//フェードスピード
	if($(".ymov-mn108 #mn108mnp01").hasClass("sc01"))
	{
		css_state=1;//←押せる
	}
	else if($(".ymov-mn108 #mn108mnp01").hasClass("sc02"))
	{
		css_state=2;//←→押せる
	}
	else
	{
		css_state=0;//→押せる
	}
	//alert('css_state◆'+css_state);

	if(e.data=='next' && (css_state==2 || css_state==0) && fading!=true){
		//→をクリック
		fading=true;		
		var next_ul_current = ul_current + 1;
		//alert('◆◆'+next_ul_current);
		
		if(next_ul_current== ul_max)
		{
			$(".ymov-mn108 #mn108mnp01").removeClass("sc02");
			$(".ymov-mn108 #mn108mnp01").addClass("sc01");
			//次がなかったら←のみ押せる状態へ
		}
		else
		{
			$(".ymov-mn108 #mn108mnp01").removeClass("sc01");
			$(".ymov-mn108 #mn108mnp01").addClass("sc02");
		}
		
		$(ul_lst_ary[ul_current]).fadeOut( speed, function(){ ul_lst_ary[next_ul_current].fadeIn(speed, function(){fading=false});});
		//ヘッダー部分。現在表示されているのulをフェードアウトした後、次のulをフェードイン。
		$('.ymov-mn108 .slide').each(function(i){
			//カレンダーのセル部分のアニメ
		$('#mn108Htgt'+(i+1)+' .slide > ul:eq('+ul_current+')').fadeOut(speed,function(){$('#mn108Htgt'+(i+1)+' .slide > ul:eq('+(next_ul_current)+')').fadeIn(speed);});
		
		});
		ul_current++; 

		
	}else if(e.data=='prev' && (css_state==2 || css_state==1) && fading!=true){		
		//←をクリック
		fading=true;
		var next_ul_current=ul_current-1;
		if(next_ul_current == 0)
		{
		$(".ymov-mn108 #mn108mnp01").removeClass("sc02");
		$(".ymov-mn108 #mn108mnp01").removeClass("sc01");
		//前がなかったら→のみ押せる状態へ
		}
		else
		{
			$(".ymov-mn108 #mn108mnp01").removeClass("sc01");
			$(".ymov-mn108 #mn108mnp01").addClass("sc02");
		}
		
		$(ul_lst_ary[ul_current]).fadeOut(speed,function(){ul_lst_ary[next_ul_current].fadeIn(speed, function(){fading=false;}); });
		//ヘッダー部分。現在表示されているのulをフェードアウトした後、前のulをフェードイン。
		
		$('.ymov-mn108 .slide').each(function(i){
		//カレンダーのセル部分のアニメ。
		$('#mn108Htgt'+(i+1)+' .slide > ul:eq('+ul_current+')').fadeOut(speed,function(){$('#mn108Htgt'+(i+1)+' .slide > ul:eq('+(next_ul_current)+')').fadeIn(speed);});
		
		});
		ul_current--;
	}
	
	return false;
	
};


// 映画館詳細関数 ----------------------------------------------------------------------*

//body onloadより早く実行される

$(function(){
		   
		   
/*var tmp0=$('.ymov-mn108 table.tt-table div.wrslide ul').size()
var tmp=(tmp0+'00%')
//alert(tmp)
var tmp2=(100/tmp0)+'%';
//alert(tmp2)

$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.tt-table div.time-wr div.slide').width(tmp);
$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.tt-table div.time-wr div.slide ul').width(tmp2);
$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.tt-table div.time-wr div.slide').css('display','block');


$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.sche-table td div.slide').width(tmp);
$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.sche-table td div.slide ul').width(tmp2);
$('.ymov-mn108 div.opu div.flp div.mnp div.mnpbg06-1 table.sche-table td div.slide li div').css('display','block');

trgFlatHeights()*/
/*---------------------------------------------------------------------*/
//【ymov-mn112,ymov-mn113】「カレンダー」ロード時の項目隠し
/*---------------------------------------------------------------------*/
$('div.ymov-mn113 div.inr-wr').ready(function(){
	$('div.ymov-mn113 div.inr-wr').hide();
});

/*---------------------------------------------------------------------*/
//【ymov-mn112,ymov-mn113】「カレンダー」ドロップダウン
/*---------------------------------------------------------------------*/
// メインルーチン
if($('div.ymov-mn112')){
	var trg = $('div.ymov-mn112 table td a');
	var box = $('div.ymov-mn113 div.inr-wr');
	var tgt = "$('div.ymov-mn113 div#ymov-mn113-table'+(i+1))";
	var anm = 'slide';
	trg.show();
	setDropDown(trg, box, tgt, anm);
}

function setDropDown(trg, box, tgt, anm){	

	var hovFlag;
	var slideFlag = false;
	
	trg.each(function(i){	
		var target = eval(tgt);

		$(this).click(function(){  
				trg.css('background','none')
				// 詳細をスライドさせて隠す
				if(target.hasClass('grow')){
					
					if (anm == 'slide'){target.slideUp('slow')}
					else {target.hide()};
					target.removeClass('grow');
				}
				// 詳細をスライドさせて表示
				else{
					$(this).css('background','#fcc4cd')
					if(slideFlag == false){
						slideFlag = true;
						box.hide().removeClass('grow');
						if (anm == 'slide'){target.slideDown('slow',function(){
							slideFlag = false;
						})}
						else {target.show()}
						target.addClass('grow');
					}
					else{return false;}
				}
				return false;
		});
		
		// 対象でない場所をクリックしたときに動作しないためのエラー処理
		$(this).hover(function(){hovFlag = true;},function(){hovFlag = false;});
	});
}

/*---------------------------------------------------------------------*/
//【ymov-mn118】 下ドロップダウン
/*---------------------------------------------------------------------*/

//$('.ymov-mn118 td.mov_tit div.open div.wrslide , .ymov-mn118 td.scdl div.open div.wrslide,.ymov-mn118 div.open .arrowl,.ymov-mn118 div.open .arrowr').hide();


// メインルーチン
if($('.ymov-mn118')){
	var trg = $('.ymov-mn118 .mov_tit h4');
	var box = "$('.ymov-mn118 div.dtlinfo'+(i+1)+' div.wrslide')";
	var tgt = "$('.ymov-mn118 div.dtlinfo'+(i+1))";
	var ar1 = "$('.ymov-mn118 div.dtlinfo'+(i+1)+' div.arrowl')";
	var ar2 = "$('.ymov-mn118 div.dtlinfo'+(i+1)+' div.arrowr')";
	var anm = 'slide';
	var bgp = new Array(true, '0 0','0 -18px');
	trg.show();
	setDropDown2(trg, box, tgt, anm, ar1, ar2, bgp);
}

function setDropDown2(trg, box, tgt, anm, ar1, ar2, bgp){	
	
	trg.each(function(i){	
					  
		var target = eval(tgt);
		var tgbox = eval(box);
		var arrow1 = eval(ar1);
		var arrow2 = eval(ar2);

		$(this).click(function(){ 

			// 詳細をスライドさせて隠す
			if(target.hasClass('grow')){
				if (anm == 'slide'){
					tgbox.slideUp('slow');
					arrow1.slideUp('slow');
					arrow2.slideUp('slow');
				}
				else
				{
					tgbox.hide();
					arrow1.hide();
					arrow2.hide();
				}
				target.removeClass('grow');
				// 三角矢印の向きを変更
				if(bgp[0]) $(this).find('span a').css('background-position',bgp[1]);
			}
			// 詳細をスライドさせて表示
			else{
				//alert('test')
				target.removeClass('grow');
				if (anm == 'slide'){
					tgbox.slideDown('slow');
					arrow1.slideDown('slow');
					arrow2.slideDown('slow');
				}
				else 
				{
					tgbox.hide();
					arrow1.hide();
					arrow2.hide();
				}
				target.addClass('grow');
				// 三角矢印の向きを変更
				if(bgp[0]) {$(this).find('span a').css('background-position',bgp[2]);}
			}
			// 高さをそろえる
			flatHeightsSub2(i);
			return false;
		});
		
	});
}

/*---------------------------------------------------------------------*/
//01_02.html【ymov-mn118】タイムラインのフェードイン・アウト
/*---------------------------------------------------------------------*/
function week_change(dir){
	var target_css=$(".ymov-mn118 > table").hasClass("sc01")
	//次へが押せる状態かの判定用変数
	var speed=1400
	//フェードイン・アウトspeed
	var target1='.ymov-mn118 .st02-02 .slide > ul:first'
	var target2='.ymov-mn118 .st04-04 .slide > ul:first'
	$target_fst=target1+','+target2
	//週間表示の前半
	var target3='.ymov-mn118 .st02-02 .slide > ul:last'
	var target4='.ymov-mn118 .st04-04 .slide > ul:last'
	$target_last=target3+','+target4
	//週間表示の後半
	if(dir=='next'){
	// 次週の予定を表示
		if(!target_css){
		$(".ymov-mn118 > table").addClass("sc01");
		// 右側の矢印をグレイアウト
		$($target_fst).fadeOut(speed,function(){$($target_last).fadeIn(speed);});
		//週間表示のフェード
		week_chage_timeline('next')
		}
	}
	else if(dir=='prev')
	{
	// 前の週の予定を表示
		if(target_css){
		$(".ymov-mn118 > table").removeClass("sc01");
		// 左側の矢印をグレイアウト
		$($target_last).fadeOut(speed,function(){$($target_fst).fadeIn(speed);});
		//週間表示のフェード
		week_chage_timeline('prev')
		}
	}
}

function week_chage_timeline(dir){
	if(dir=='next'){
		var dir1='first'
		var dir2='last'
	}else if(dir=='prev'){
		var dir1='last'
		var dir2='first'	
	}
	var speed=1400
	$('.ymov-mn118 .scdl .slide').each(function(i){
	$('#mn118Parw'+(i+1)+' .slide > ul:'+dir1).fadeOut(speed,function(){$('#mn118Parw'+(i+1)+' .slide > ul:'+dir2).fadeIn(speed);});
	//矢印
	$('#mn118Htgt'+(i+1)+' .slide > ul:'+dir1).fadeOut(speed,function(){$('#mn118Htgt'+(i+1)+' .slide > ul:'+dir2).fadeIn(speed);});
	//曜日
	$('#mn118Htgt'+(i+1)+' .slide02 > div:'+dir1).fadeOut(speed,function(){$('#mn118Htgt'+(i+1)+' .slide02 > div:'+dir2).fadeIn(speed);});
	//時間帯
	});
}

// 次週の予定を表示
$('.ymov-mn118 a.next').click(function(){
	week_change('next')
	//次へクリック
});

// 前の週の予定を表示
$('.ymov-mn118 a.prev').click(function(){
	week_change('prev')
	//前へクリック
});


/*---------------------------------------------------------------------*/
//【ymov-mn118】高さ調節
/*---------------------------------------------------------------------*/
// 映画の情報部分とスケジュール部分の高さをそろえる。

$('div.ymov-mn118 td.mov_tit div.tt').each(function(i){
	$('div.ymov-mn118 td.mov_tit div#dtltt'+(i+1)+', div.ymov-mn118 td.scdl div#mn118Parw'+(i+1)+' span').flatHeights();
});

// 映画のタイトル部分とスケジュール部分のピンク矢印の高さをそろえる。
function flatHeightsSub2(iNum){
	var h01 = $('div.ymov-mn118 td.mov_tit div.dtlinfo'+(iNum+1)+' div.det').height();
	var h02 = $('div.ymov-mn118 td.scdl div#mn118Htgt'+(iNum+1)+' div.slide02 ul').height();
	if(h01 > h02){
		$('div.ymov-mn118 td.scdl div#mn118Htgt'+(iNum+1)+' div.slide02 ul').height(h01);
	}else{
		$('div.ymov-mn118 td.mov_tit div.dtlinfo'+(iNum+1)+' div.det').height(h02);
		$('div.ymov-mn118 td.scdl div#mn118Htgt'+(iNum+1)+' div.slide02 ul').flatHeights();
	}
	return;
}


})