$(document).ready( function()
{
	var offset;
	
	//サムネイルのホバーイベント
	$(".thumb > img").hover(function(e)
	{
		$("body").append("<div id='preview'><img src='"+ this.src +"'/></div>");
		$("#preview > img").width("420px");
		
		offsetX = 440;
		offsetY = $("#preview > img").height() / 2;
		
		$("#preview")
			.css("display","none")
			.css("position","absolute")
			.css("padding","5px")
			.css("background", "#333333")
			.css("border","1px solid #FFFFFF")
			.css("top", (e.pageY - offsetY) + "px")
			.css("left",(e.pageX - offsetX) + "px")
			.fadeIn("normal");
    },
	function(){
		//マウスがホバーから外れた時はDOMツリーから削除
		$("#preview").remove();
    });
	
	//マウスがサムネイル上で動いた場合の処理
	$(".thumb > img").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - offsetY) + "px")
			.css("left",(e.pageX - offsetX) + "px");
		}
	);
});