this.imagePreview = function(){	
		var xOffset = 10;
		var yOffset = 30;
		var sXOffset;
		var syoffset=0;
		
	$("a.preview").hover(function(e){
		var itemTitle = $(this).attr("itemTitle")
		var largeImage = $(this).attr("largeImage")
		var itemWidth = $(this).attr("itemWidth")
		var sXOffsets = 0;
		var c = 300
		if(itemWidth !== undefined)
				c = itemWidth
		sXOffsets = parseInt(c) + parseInt(20)
		
				
		$("body").append("<p id='preview' style='width:"+c+"px;' ><img src='"+ largeImage +"' alt='"+ itemTitle +"' /><br/><span class='hoverTitles'>"+ itemTitle +"</span></p>");								 
		
		sXOffset=10;
		if(e.pageX > 700)
			sXOffset = - sXOffsets;
		
		syOffset = 10;
		if(e.clientY > 300)
			syOffset = -320;
		
		
		

		$("#preview")
			.css("top",(e.pageY + syOffset) + "px")
			.css("left",(e.pageX + sXOffset) + "px")
			.fadeIn("fast");
		
    },
	function(){

		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		var itemWidth = $(this).attr("itemWidth");
		var sXOffsets = 0;

		var c = 300
		if(itemWidth !== undefined)
				c = itemWidth
		sXOffsets = parseInt(c) + parseInt(20)
		
		sXOffset = 10;
		if(e.pageX > 700)
			sXOffset = - sXOffsets;
		syOffset = 10;
		if(e.clientY > 300)
			syOffset = -320;
		

		$("#preview")
			.css("top",(e.pageY + syOffset) + "px")
			.css("left",(e.pageX + sXOffset) + "px")
			.fadeIn("fast"); 
	});			
};

$(document).ready(function(){
	imagePreview();
});