$(function(){
	var IE6 = navigator.userAgent.toLowerCase().indexOf("msie 6") != -1;
	if(!IE6){//IE6は面倒なので除外
		lightbox();
	};
});
function lightbox(){
	var overlay = $("#overlay");
	var image = $("#image");
	var height = $(window).height();
	var top = $(document).scrollTop();
	var preload = $("a.thumb").get();
	for(i=0;i<preload.length;i++){//画像をプリロードしておかないと初回時の画像読み込み遅すぎで不具合が出る
		image.append("<img src='" + $(preload[i]).attr("href") + "' alt='' />");
	};
	$(window).scroll(function(){
		top = $(document).scrollTop();
		image
			.css("top", height/2 - image.height()/2 + top + "px");//画像の位置を調整する
	});
	$(window).resize(function(){
		height = $(window).height();
		image
			.css("left", $(window).width()/2 - image.width()/2 + "px");//画像の位置を調整する
	});
	$("#wrapper > div.container > div.content > div.article a.thumb > img").click(function(){
		var target = $(this).parent().attr("href");
		image
			.empty()
			.append("<img src='" + target + "' alt='' />")
			.append("<span class='closeImage'>×</span>")
			.css("top", height/2 - image.height()/2 + top + "px")
			.css("left", $(window).width()/2 - image.width()/2 + "px")
			.show("slow");//#imageを空っぽにしてから画像を追加して位置を調整して表示
		overlay
			.css("display", "block")
			.fadeTo("slow", 0.7);//黒背景を表示する
		return false;
	});
	image.click(function(){
		image
			.hide("slow");//#imageを隠す
		overlay
			.fadeTo("slow", 0, function(){overlay.css("display", "none")});//黒背景を隠す
	});
}
/*
#overlay{
	width:100%;
	height:100%;
	background:#000000;
	position:fixed; top:0; bottom:0;
	display:none;
	opacity:0;
	-moz-opacity:0;
	z-index:1;
}
#image{
	position:absolute; top:0; left:0;
	display:none;
	z-index:2;
}
span.closeImage{
	padding:3px 5px;
	position:absolute; top:3px; right:3px;
	background:#999999;
	color:#FFFFFF;
	font-weight:bold;
	opacity:0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
span.closeImage:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	cursor:pointer;
}
*/