$(function() {



	var offsetX = 20;

	var offsetY = 10;

	

	$('table.barristers img.portrait').hover(function(e) {

	   // get the image src attribute and remove the 'portrait thumbs' and replace with 'portraits' in the filename so that the large image is used

        var img_src = $(this).attr('src').replace('portrait_thumbs','portraits');	

		$('<img id="largeImage" src="' + img_src + '" alt="Portrait" />')

		.css('top', e.pageY + offsetY)

		.css('left', e.pageX + offsetX)

		.appendTo('body');

	}, function() {

		$('#largeImage').remove();

	});

	

	$('table#barristers img').mousemove(function(e) {

		$("#largeImage").css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);

	});



});