<!--
//<![CDATA[
$(document).ready( function() {

		imagePreview();		
		
		$("#resultstable tr td").hover(
			function() {
				$(this).parent().find("td").addClass("alt");
			},
			function () {
				$(this).parent().find("td").removeClass("alt");
			}).click(function() { location.href=$(this).parent().find("a").attr("href");});

});
	
this.imagePreview = function(){	
		
	$(".preview").hover(function() {

		this.imgsrc = $(this).attr("lowsrc");
		
		var posx = getX(this) + 78; // add width of image and border
		var posy = getY(this);
		
		// IE seems to be slightly different from the rest 
		if(navigator.appName != "Microsoft Internet Explorer") {
			posy += 5;	// dont know why its 5, should be just borders
		}
		
		$(this).addClass("on");
		
		$("body").append("<p id='preview'><img src='"+ this.imgsrc +"' alt='Image preview' /></p>");								 
		$("#preview").css("top",posy)	.css("left",posx).fadeIn("fast");						
    },
	function(){
		$("#preview").remove();
		$(this).removeClass("on");
    });	
	
};



// Element positions
function getX(obj) {
	return obj.offsetLeft + (obj.offsetParent ? getX(obj.offsetParent) : obj.x ? obj.x : 0);
}        
function getY(obj) {
	return (obj.offsetParent ? obj.offsetTop + getY(obj.offsetParent) : obj.y ? obj.y : 0);
}




//]]>
-->	