/*
jqueryで表示させるモーダルボックス
aのクラスにexternalを付けると発動
*/

$(function(){
$("a.external").click(
	function(){
		var myurl = $(this).attr("href");
		var contentwidth  = $("#wrap").width();
		var windowwidth  = $(window).width();
		var contentheight = $("#wrap").height();
		var windowheight = $(window).height();
		var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
		var overlaywidth = (contentwidth>windowwidth)? contentwidth : windowwidth ;
		var overlayheight = (contentheight>windowheight)? contentheight : windowheight ;
		var boxpositionX = (windowwidth > 396)? (windowwidth-396)/2 : 0 ;
		var boxpositionY = scrollY + 50;

		//modalboxのhtml
		var mycontent = "<table class='modalbox'><tr><td class='mb_lt'></td><td class='mb_ct'></td><td class='mb_rt'></td></tr><tr><td class='mb_lm'></td><td class='mb_content'><div class='mb_title'><img src='http://www.seizogyo.com/common/img/logo.gif' alt='モノづくりルネッサンス 製造業の匠と仕組み情報サイト' width='203' height='38' /></div><div class='mb_url'>" + myurl + "</div><div class='mb_text'><strong>モノづくりルネッサンス外のWebサイトへ</strong></div><div class='mb_text'>これより、モノづくりルネッサンスのWebサイトを離れ、モノづくりルネッサンス外のWebサイトへリンクしようとしています。<br />モノづくりルネッサンスは、お客様がここからリンクによりアクセスしたの当サイト外のサイトにおいては、いかなる保証・責任も負担もできかねます。モノづくりルネッサンス外のサイトがモノづくりルネッサンスロゴやモノづくりルネッサンス製品・サービスを含んでいたとしても、そのサイトはモノづくりルネッサンスからは独立したサイトであり、モノづくりルネッサンスのコントロールが及ばない範囲であることをご理解ください。</div><div class='mb_text'>また、モノづくりルネッサンスサイトからモノづくりルネッサンス外のサイトへのリンクは、モノづくりルネッサンスがそのサイトの推奨・保証をしていることを意味するものではありません。</div><div class='mb_btn'><a class='ok' href='" + myurl + "'>次へ進む</a>　　　<a class='cansel' href='#close'>キャンセル</a></div></td><td class='mb_rm'></td></tr><tr><td class='mb_lb'></td><td class='mb_cb'><a href='http://www.seizogyo.com/about.html'>このサイトについて</a>　　<a href='http://www.seizogyo.com/about.html#privacy_ancher01'>プライバシーボリシー</a></td><td class='mb_rb'></td></tr></table>";

		//modal挿入
		$("body").append("<div id='modal'><div class='modaloverlay'></div>" + mycontent + "</div>");

		//座布団のサイズ
		$("#modal div.modaloverlay").css({
			width:overlaywidth + "px",
			height:overlayheight + "px"
		});

		//ボックスの位置
		var modalboxHeight = $("#modal table.modalbox").height();
		$("#modal table.modalbox").css({
			left:boxpositionX + "px",
			top:boxpositionY + "px"
		});

		//modalのフェードイン
		$("#modal div.modaloverlay").css("display","block");
		$("#modal table.modalbox").css("display","block");
/*
		$("#modal div.modaloverlay").fadeIn("fast",
			function(){
				$("#modal table.modalbox").fadeIn("fast");
			}
		);
*/

		//座布団やキャンセルでモーダル閉じる
		$("#modal div.modaloverlay").click(function(){
			$("#modal").remove();
		});
		$("#modal table.modalbox td.mb_content a.cansel").click(function(){
			$("#modal").remove();
			return false;
		});

		//リサイズで座布団のサイズ、ボックスの位置変更
		$(window).resize(function(){
			windowwidth  = $(window).width();
			windowheight = $(window).height();
			overlaywidth = (contentwidth>windowwidth)? contentwidth : windowwidth ;
			overlayheight = (contentheight>windowheight)? contentheight : windowheight ;
			boxpositionX = (windowwidth > 396)? (windowwidth-396)/2 : 0 ;
			$("#modal div.modaloverlay").css({
				width:overlaywidth + "px",
				height:overlayheight + "px"
			});
			$("#modal table.modalbox").css({
				left:boxpositionX + "px"
			});
		});

		//スクロールでボックスの縦位置変更
		$(window).scroll(function(){
			scrollY = document.documentElement.scrollTop || document.body.scrollTop;
			boxpositionY = scrollY + 50;
			$("#modal table.modalbox").css({
				top:boxpositionY + "px"
			});
		});

		return false;
	}
);
});