var aLinkUrls=new Array();
var thumbService="http://open.thumbshots.org/image.pxf?url=";
var counter=0, id, linkUrl, isLoaded=false, x, y;
var clientWidth=document.body.clientWidth;
$("div.url").mouseover(function(){$("div.thumb").fadeIn(100);
isLoaded=false;
linkUrl=$(this).text();
for (i=0; i < counter; i++){if (linkUrl==aLinkUrls[i]){isLoaded=true;
break;}}
id=i;
for (i=0; i < counter; i++){$("img.thumb"+i).hide();}
if (isLoaded){$("div.loading").hide();
$("img.thumb"+id).show();}
else{$("div.thumb").append('<img class="thumb'+id+'" src="'+thumbService+linkUrl+'" alt="" />');
if ($.browser.opera){$("img.thumb"+id).fadeIn(100);}
else{$("img.thumb"+id).hide();
$("div.loading").show();
$("img.thumb"+id).load( function (){$("div.loading").hide();
$("img.thumb"+id).fadeIn(100);});}
aLinkUrls[counter]=linkUrl;
counter++;}});
$("div.url").mousemove(function(e){x=e.pageX - 5;
y=e.pageY+15;
if (x > document.body.clientWidth - 200){x=document.body.clientWidth - 200;}
$("div.thumb").css({top: y, left: x});});
$("div.url").mouseout( function(){$("div.thumb").fadeOut(100);});