/* 自動サムネール表示プラグイン for jQuery
2009.1 By KaZuhiro FuRuhata  */
$.fn.thumbnail = function(baseURL){
	var serverURL = "http://capture.heartrails.com/320x240/round/border/shadow?";
	return this.each(function(){
		$(this).hover(
			function(e){
				var url = $(this).attr("href");
				$("#jqThumbnail").attr("src",serverURL+url);
				$("#jqThumbnail").css("left",e.pageX+10);
				$("#jqThumbnail").css("top",e.pageY+10);
				$("#jqThumbnail").show();
			},
			function(){
				$("#jqThumbnail").hide();
			}
		);
	});
}
/*
この2つは「$(function(){～})」を使って、ページが読み込まれたら処理を始めるようにしています。サムネイルを表示する<img>タグを追加するには、「$("body").append("<img src='～'>")」とします。この時、スタイルシートで以下の2つを設定します。

position:absolute
display:none
*/
$(function(){
	$("body").append("<img src='' id='jqThumbnail' width='320' height='240' style='position:absolute;display:none'>");
	$("a").thumbnail();
});