$(document).ready(function()
{	

	var	xwidth = (530/4) + 13;
	var	xheight = (800/4) + 13;
	//var	xwidth = ($('.image-popout img').width()/4) + 13;
	//var	xheight = ($('.image-popout img').height()/4) + 13;
	
	$('.image-popout img').css(
			{'width': xwidth, 'height': xheight}
	);
	
	$('.image-popout img').parent().css(
			{'width': xwidth, 'height': xheight}
	);
	$('.image-popout').show();
	
	$('.image-popout img').hover(
		function() {
			$(this).stop().animate( {
				width   : xwidth * 2,
				height  : xheight * 2,
				margin  : -(xwidth)
				}, 300
			);
			
			$(this).addClass('image-popout-shadow');
			
		},
		function() {
			$(this).stop().animate( {
				width   : xwidth,
				height  : xheight,
				margin  : 0
				}, 300, function() {
					$(this).removeClass('image-popout-shadow');
		});
			
		}
	);
	
});