/**
 * Trick for rounding the images since not all browsers support
 * border-radius for images. IE is not supported.
 * 
 *
 * See: http://pipwerks.com/2010/04/02/rounded-corners-on-images-using-css3/
 */
(function($) {
 
   $.fn.round_corners = function(settings) {
     var config = {'radius': '17px'};
 
     if (settings) $.extend(config, settings);
 
     this.each(function() {       
        var $img = $(this)
        var wrap = $("<span class='rounded'></span>").css({
            background: 'url('+$img.attr('src')+') no-repeat top left',
            display: 'block'
        }).css('-webkit-border-radius', config.radius)
          .css('-moz-border-radius', config.radius)
          .css('border-radius', config.radius);
        $img.wrap(wrap);          
        $img.css('opacity', 0);
     });
 
     return this;
 
   };
 
 })(jQuery);