jQuery.fn.imgZoom = function(options){
	
	settings = jQuery.extend({
		largeImage:''
	}, options);

	var dim = {
		w:jQuery(this).width(),
		h:jQuery(this).height()
	};
	
	dim = jQuery.extend(dim, jQuery(this).position());
	
	jQuery('body').append('<div id="imageZoom"></div>');
	
	var popUp = jQuery('#imageZoom');
	
	popUp.css({
		position: 'absolute',
		left: dim.left,
		top: dim.top,
		width: dim.w,
		height: dim.h,
		backgroundImage: 'url(' + settings.largeImage + ')',
		display:'none'
	});
	
	jQuery(this).bind('mouseenter', function(event){
		var left = (((event.pageX - dim.left)  / dim.w) * 100).toFixed();
		var top = (((event.pageY - dim.top)  / dim.h) * 100).toFixed();
		popUp.css('background-position', left + '% '+ top + '%');
		popUp.fadeIn();
	});
	
	jQuery(popUp).bind('mousemove', function(event){
		var left = (((event.pageX - dim.left)  / dim.w) * 100).toFixed();
		var top = (((event.pageY - dim.top)  / dim.h) * 100).toFixed();
		popUp.css('background-position', left + '% '+ top + '%');
	});
	
	jQuery(popUp).bind('mouseleave', function(event){
		popUp.fadeOut();
	});
	
	return this;

};