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;

	/* hide all thumbs */

	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);

});