/*

	AnythingZoomer
	a jQuery Plugin
	
	by: Chris Coyier
	http://css-tricks
	
	Version: 1.0
	
	Note: You can do whatever the heck you want with this.

*/

(function($) {

	$.productZoomer = {

		defaults: {
			smallArea:       '.product-small',   // the normal image
			largeArea:       '.product-large'   // the large image
		}

	}

	$.fn.extend({
		productZoomer:function(config) {

			var config = $.extend({}, $.productZoomer.defaults, config);

			$(this).each(function(index, item) {

				var smallArea = $(item).find(config.smallArea+':first');
				var largeArea = $(item).find(config.largeArea+':first');
				
				$(item)
				.hover(function(e) {
					largeArea.fadeIn('slow');
				},
				function(e) {
					largeArea.fadeOut('slow');
				});
			});


			return this;
		}
	});
})(jQuery);