// JavaScript Document
$(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();
	$(window).scroll(function(){
		top = $(document).scrollTop();
		image
			.css("top", height/2 - image.height()/2 + top + "px")//画像の位置を調整する
			.css("left", $(window).width()/2 - image.width()/2 + "px");
	});
	$(window).resize(function(){
		height = $(window).height();
		image
			.css("top", height/2 - image.height()/2 + top + "px")//画像の位置を調整する
			.css("left", $(window).width()/2 - image.width()/2 + "px");//画像の位置を調整する
	});
	$("a.thumb > img").click(function(){
		var target = $(this).parent().attr("href");
		image
			.empty()
			.append("<img src='" + target + "' alt='' height='448' width='640' />")
			.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")});//黒背景を隠す
	});
}