(function($){ 
    $.fn.extend({ 
	
		// Elements should be positioned absolutely before using this
		
        zoomy: function(options) { 
 			
            var defaults = { 
                   	duration: 270,
					increaseScale: 1.1
            }; 
         
            var options = $.extend(defaults, options); 

            return this.each(function(i) {
				var dur = options.duration;

				var width_cur = $(this).width();
				var height_cur = $(this).height();
				
				var bottom_cur = parseInt($(this).css('bottom'));
				var left_cur = parseInt($(this).css('left'));
				
				// var width_new = options.increaseScale * width_cur;
				// var height_new = options.increaseScale * height_cur;
				
				var width_new = 172;
				var height_new = 118;
				
 				// var bottom_new = bottom_cur - ((height_new - height_cur) / 2);

				var left_new = left_cur - ((width_new - width_cur) / 2);
				
 				var bottom_new = bottom_cur;
							
				$(this).hover(
					
					function() { // hover over
						$(this).siblings().css('z-index',10);
						$(this).stop().css('z-index',1000).animate({
							'bottom': bottom_new,
							'left': left_new,
							'width': width_new,
							'height': height_new
						},dur);
					},

					function() { // hover out
						$(this).stop().animate({
							'bottom': bottom_cur,
							'left': left_cur,
							'width': width_cur,
							'height': height_cur
						},dur);
					}
				);
			});
		} 
    }); 
})(jQuery);
