$(function() {
	/************************/
	// イントロの動作
	/************************/
	setTimeout( function() {
		$("#movie-list").fadeIn(2000);
	}, 5000);
	
	
	/************************/
	// 看板GIFをクリックした動作
	/************************/
	$(".movie").live("click",function(){
		//メッセージエリア内のコンテンツのパス指定
		var iframeSrc = 'message/' + $(this).attr("href");
		if($.os.name == 'iphone' || $.os.name == 'ipod' || $.os.name == 'ipad') {
			//スマートフォン
			//パス指定
			iframeSrc = 'message2/' + $(this).attr("href");
			//iframeの高さ指定
			$("#box-message-main iframe").attr("height","242").css("height","242").attr("width","242").css("width","242");
			$("#box-message-main").css("width","242").attr("width","242").css("padding-top","14px");
			//枠の高さ指定・枠の背景画像指定
			$("#box-message-inner").css("height","272").css("background-image","url(./img/movie/message_bg2.png)");
		}
		$("#box-message-main iframe").attr("src",iframeSrc);
		
		//メッセージエリアの高さを上から指定して配置
		var top = 20;
		//メッセージエリアの横幅を中央に配置
		var left = document.documentElement.clientWidth / 2 - $("#box-message-outer").width() / 2;
		$("#box-message-outer").css("top",String(top) + "px");
		$("#box-message-outer").css("left",String(left) + "px");
		//メッセージエリアの表示
		$("#box-message-outer").show();
		//メッセージエリア外の透明なオーバーレイ表示
		$("body").append('<div id="box-message-over"></div>');
		if (window.innerHeight && window.scrollMaxY) {    
			var width = document.body.scrollWidth;
			var height = window.innerHeight + window.scrollMaxY;
		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
			var width = document.body.scrollWidth;
			var height = document.body.scrollHeight;
		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			var width = document.body.offsetWidth;
			var height = document.body.offsetHeight;
		}
		$("#box-message-over").height(height).width(width);
		return false;
	});
	$(".movie").bind("touchstart",function(){
		$(this).click();
		return false;
	});
	
	/************************/
	// メッセージエリアを閉じる動作
	/************************/
	$("#box-message-over,#box-message-close a").live("click",function(){
		$("#box-message-outer").hide();
		$("#box-message-over").remove();
		$("#box-message-main iframe").attr("src","");
		return false;
	});
	$("#box-message-over,#box-message-close a").bind("touchstart",function(){
		$(this).click();
		return false;
	});
	
});