if (true || typeof document.documentElement.style.maxHeight == "undefined") {
	document.write("<style>.feature{display:none;}</style>");
} else {

$(document).ready(function(){



//performanceModelが未定義の可能性がある為

try {



if (performanceModel != null){



$('#feature_main_image').addClass('loading');



//表示状態モデル

var displayModel = {

	selectedNumber:0,  

	focusNumber:-1,

	featureTextAreaHeight:0,

	featureTextScrollHeight:0,

	featureTextHeight:0,

  imageSwitchIntervel:7000,

	// 選択状態を切り替える

	selectNumber: function(number) {

		selectedNumber = number;	

	},

	updateView: function() {

	  //サムネイルの表示

		displayModel.upDateThumView();

	  //詳細の表示

		displayModel.dettailAllHide();

		$("#feature_text_" + displayModel.selectedNumber).show(); 

		//写真の切り替え

		displayModel.changeImage(performanceModel.list[displayModel.selectedNumber].imageURL, performanceModel.list[displayModel.selectedNumber].detailLink);

		//詳しくはこちらのリンクを切り替える

		$("#feature_link a").attr("href", performanceModel.list[displayModel.selectedNumber].detailLink);

	},

	// サムネイルの描画を行う

	upDateThumView:function() {

		// サムネイルの選択状態をリセットする

		for(i = 0 ; i < performanceModel.list.length ; i++ ) {

			$(".thum_border").css("border","0px");

			$(".thumnail li > img").css("opacity","0.7");

		}

		

		//サムネイルの選択状態

		$(".thum_border").eq(displayModel.selectedNumber).css("border","2px #0377FA solid");

		$(".thumnail li > img").eq(displayModel.selectedNumber).css("opacity","1");

		

		if ( displayModel.selectedNumber != displayModel.focusNumber &&  displayModel.focusNumber != -1) {

			$(".thumnail li > img").eq(displayModel.focusNumber).css("opacity","1");		

		}

		

	},

	upDateThumViewMouseOn:function() {

		if ( displayModel.selectedNumber != displayModel.focusNumber &&  displayModel.focusNumber != -1) {

			$(".thumnail li > img").eq(displayModel.focusNumber).css("opacity","1");		

		}

	},

	upDateThumViewMouseOff:function() {

		// サムネイルの選択状態をリセットする

		if ( displayModel.selectedNumber != displayModel.focusNumber ) {

		  $(".thumnail li > img").eq(displayModel.focusNumber).css("opacity","0.7");

		}

	},		

	// 自動的に選択状態を切り替える

	autoSelectNumber:function() {

		$(document).everyTime(displayModel.imageSwitchIntervel,

			function(){

			

				//興行が1つだった場合はローテ-ションしない

				if (performanceModel.list.length == 1) {

					return;

				}



				if (displayModel.selectedNumber < (performanceModel.list.length - 1)) {

					displayModel.selectedNumber++;				

					displayModel.updateView();

				} else {

		 			displayModel.selectedNumber = 0;

					displayModel.updateView();

				}



		});

	},

	

	// 自動選択切替のカウントをリセットする

	autoSelectNumberReset:function() {

		$(document).stopTime();

		displayModel.autoSelectNumber();

	},

	dettailAllHide:function() {

		var i;

		for ( i = 0 ; i < performanceModel.list.length ; i++ ) {

			$("#feature_text_" + i).hide();

		}

	},

	//興行種別画像のHtmlを追加する

	//※表示速度の観点からなるべくappendとremoveを行わない方がよい為、初期表示時のみappendする

	appendDetail:function() {

		var i;

		var k;

		var featureNameHeight;

		var beforeArea;

		var beforeScroll;

		var beforeValue;

		var ie6OffsetHeight;

		

		//IE6用

    if (typeof document.documentElement.style.maxHeight != "undefined") {

			ie6OffsetHeight = 0;

		} else {

			ie6OffsetHeight = 0;

		}

		

		for ( i = 0 ; i < performanceModel.list.length ; i++ ) {

			$(".feature_text").append('<div id=feature_text_' + i + '><div>')

			$("#feature_text_" + i).append('<h3 class="feature_name"><a href="' + performanceModel.list[i].detailLink + '">' + performanceModel.list[i].performanceName +'</a></h3>');

			$("#feature_text_" + i).append('<div class="feature_text_area" style="height:169px"><div class="feature_type"></div></div>');

			$("#feature_text_" + i + " > .feature_text_area > .feature_type").append('<div id="feature_type_' + i + '"></div>');

			$(".feature_text_area:last").append('<div class="feature_text_scroll" style="height:110px"></div>');

			$(".feature_text_scroll:last").append('<div id="feature_text_value_' + i + '" style="height:110px;"></div>');

			$(".feature_text_area:last").append('<span id="feature_credit">' + performanceModel.list[i].credit + '</span>');	



			//高さを調節する

			featureNameHeight = $(".feature_name:last").height();

			beforeArea = $(".feature_text_area:last").height();

			beforeScroll = $(".feature_text_scroll:last").height();

			beforeValue = $("#feature_text_value_" + i).height();

			

			//興行内容を設定する

			$("#feature_text_value_" + i).html(performanceModel.list[i].performanceText);

			

			//タイプを設定する

			for ( k = 0 ; k < performanceModel.list[i].imageTypeURL.length ; k++ ) {			

				$("#feature_type_" + i).append('<img width="48" height="15" src = "' + performanceModel.list[i].imageTypeURL[k] + '" />');

			}



			$(".feature_text_area:last").css("height", (beforeArea - featureNameHeight) + "px");

			$(".feature_text_scroll:last").css("height", (beforeScroll - featureNameHeight) + "px");

			$("#feature_text_value_" + i).css("height", (beforeValue - featureNameHeight + ie6OffsetHeight) + "px");



			//スクロールを設定する

			$("#feature_text_value_" + i).jScrollPane({showArrows:false,scrollbarWidth:6});

			

			$("#feature_text_" + i).hide(); 

		  

		}

		$(".feature_text").append('<span id="feature_link" class="feature_button"><a href="' + performanceModel.list[displayModel.selectedNumber].detailLink + '"><img src="' + imagePath + 'sample/button.gif" alt="詳しくはこちら" border="0" /></a></span>');

		

	},

	//興行種別画像を全て非表示にする

	hideTypesAll:function() {

		for ( i = 0 ; i < performanceModel.list.length ; i++ ) {

			$("#feature_type_" + i).hide();

		}

	},

	//画像を切り替える

	changeImage:function(imagePath,link) {

		$('#feature_main_image > img').remove();

		$('#feature_main_image').addClass('loading');

		$('#image_clicker').attr("href",link);

		var img = new Image();

	  $(img).load(function () {

	  	//$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already

	    //$(this).hide();

			$('#feature_main_image > img').remove();

	    $('#feature_main_image').removeClass('loading').append(this);

	

			$(this).css("opacity", "0.6");

	  	$(this).animate({opacity: 1.0}, 350);

			

	  }).error(function () {

	    // notify the user that the image could not be loaded

	  }).attr('src', imagePath);

	},

	//詳しくはこちらを追加する

	appendImageClicker:function() {

		$("#feature_main_image").after('<a id="image_clicker" style="position:absolute"></a>');

		$("#image_clicker").css("left",$("#feature_main_image").css("padding-left"));

		$("#image_clicker").css("display","block");

		$("#image_clicker").css("width",$("#feature_main_image").width());

		$("#image_clicker").css("height",$("#feature_main_image").height());

		$("#image_clicker").css("cursor","pointer");

	}

};



//イベントハンドラ

function setEvent() {

	var i;

	for(i = 0 ; i < performanceModel.list.length ; i++ ) {

		//クリック

		$("#feature_sum_image" + (i + 1)).click(function (e) {

			return function () {

				displayModel.selectedNumber = e;				

				displayModel.updateView();

				displayModel.autoSelectNumberReset();

	

			};

		}(i));

		

		//マウスオーバー

		$("#feature_sum_image" + (i + 1)).mouseover(function (e) {

			return function () {

				displayModel.focusNumber = e;

				displayModel.upDateThumViewMouseOn();

			};

		}(i));

		

		//マウスアウト

		$("#feature_sum_image" + (i + 1)).mouseout(function (e) {

			return function () {

				displayModel.upDateThumViewMouseOff();

				displayModel.focusNumber = -1;

			};

		}(i));

		

	};	

} 





//イベントハンドラを設定する

setEvent();



//自動画像切替を設定する

displayModel.autoSelectNumber();



//Viewを初期化する。

displayModel.appendDetail();

displayModel.appendImageClicker();

displayModel.updateView();



//初期状態のローディング中を削除する

$('#feature_main_image').removeClass('loading_init');



}



} catch(e) {



}



});
}