$(function(){
	$("#box").click(function(){
		var _w = $(window).width();
		var _h = $(window).height();

		$("<div class='showDiv' />").css({
			position: "absolute",
			width: _w,
			height: _h,
			left: 0,
			top: 0,
			opacity: 0.8,
			display: "none",
			backgroundColor: "black"
		}).appendTo("body").fadeIn(400)
			.click(function(){
				$(".showDiv, .bImg").fadeOut(400, function(){
					$(this).remove();	
				});
			});
		
		var _bImg = $('<div class="bImg"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/GhjvImSix1M&hl=zh_TW&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/GhjvImSix1M&hl=zh_TW&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></div>').hide()
			.css({
				left: (_w - 425) / 2,
				top: (_h - 344) / 2
			}).click(function(){
				$(".showDiv, .bImg").fadeOut(400, function(){
					$(this).remove();	
				});
			}).appendTo("body");
			
		_bImg.show().animate({
			width: 425,
			height: 344
		}, 400);
	});
});