jQuery(document).ready(function() {
	jQuery(".gallery a").hover(
    		function(){
        		var img = jQuery(this).children('img');
        		var position = jQuery(img).position();
        		var height = jQuery(img).height();
        		var width = jQuery(img).width();
        		var zoom = jQuery('<span class="zoom"></span>');
        		zoom.appendTo(jQuery(this));
        		jQuery(zoom).css({'height': '42px'});
        		jQuery(zoom).css({'width': '42px'});
        		jQuery(zoom).css({'background': 'transparent url("/images/zoom.png")'});
        		jQuery(zoom).css({'position': 'absolute', 'z-index': 2});
        		jQuery(zoom).css({'top': position.top + (height / 2) - 24});
        		jQuery(zoom).css({'left': position.left + (width / 2) - 24});
    		},
    		function(){
        		jQuery('.zoom').replaceWith('')
    		}
	);
});