/* 使い方
ソースのどこかにボックスで背景に使う#imgbgと、箱につかう#imgboxをどちらも絶対配置、ディスプレイnoneで
設置する。

*/

//表示するボックスの高さ入力(px単位) id1には表示するボックス名のセレクタを記入


var width = 400;
var height = 300;
var id1 = "#rss_bt";



//以下編集不可
var w;
var h;
$(function(){
	$(id1).click(function(){
			var w = $(window).width();
			var h = $(window).height();
			$("#imgbg")
			.css("width",w+"px")
			.css("height",h+"px")
			.css("background-color","#ffffff")
			.css("position","absolute")
			.css("top","0")
			.css("left","0");
			$("#imgbg").fadeTo(500,0.8);
			$("#imgbox")
			.css("width",width)
			.css("height",height)
			.css("background-color","#000000")
			.css("position","absolute")
			.css("left",w / 2-(width/2)+"px")
			.css("top",h / 2-(height/2)+"px");
			$("#imgbox").fadeIn(500);
	});
		$("#imgbox").click(function(){
			$("#imgbg").fadeOut(500);
			$("#imgbox").fadeOut(500);
	});
});