http://www.ginio.com/js/intelli/intelli.thumbs.js

1intelli.thumbs = function()
2{
3	this.init = function()
4	{
5		var aLinkUrls = new Array();
6		var thumbService = "http://open.thumbshots.org/image.pxf?url=";
7		var counter = 0, id, linkUrl, isLoaded = false, x, y;
8		var clientWidth = document.body.clientWidth;
9
10		$("div.display-thumb").mouseover(function()
11		{
12			$("div.thumb").fadeIn(100);
13			isLoaded = false;
14			linkUrl = $(this).text();
15			for (i = 0; i < counter; i++)
16			{
17				if (linkUrl == aLinkUrls[i])
18				{
19					isLoaded = true;
20					break;
21				}
22			}
23			id = i;
24			/* hide all thumbs */
25			for (i = 0; i < counter; i++)
26			{
27				$("img.thumb" + i).hide();
28			}
29			if (isLoaded)
30			{
31				$("div.loading").hide();
32				$("img.thumb" + id).show();
33			}
34			else
35			{
36				if ($(this).siblings("input[type=hidden]").val())
37					$("div.thumb").append('<img class="thumb' + id + '" src="' + $(this).siblings("input[type=hidden]").val() + '" alt="" />');
38				else
39					$("div.thumb").append('<img class="thumb' + id + '" src="' + thumbService + linkUrl + '" alt="" />');
40				if ($.browser.opera)
41				{
42					$("img.thumb" + id).fadeIn(100);
43				}
44				else
45				{
46					$("img.thumb" + id).hide();
47					$("div.loading").show();
48					$("img.thumb" + id).load(function(){
49						$("div.loading").hide();
50						$("img.thumb" + id).fadeIn(100);
51					});
52				}
53				aLinkUrls[counter] = linkUrl;
54				counter++;
55			}
56		});
57
58		$("div.display-thumb").mousemove(function(e)
59		{
60			x = e.pageX - 5;
61			y = e.pageY + 15;
62			if (x > document.body.clientWidth - 200)
63			{
64				x = document.body.clientWidth - 200;
65			}
66			$("div.thumb").css({top: y, left: x});
67		});
68		
69		$("div.display-thumb").mouseout(function()
70		{
71			$("div.thumb").fadeOut(100);
72		});
73	};
74};