/*
 *http://maestric.com/doc/css/rounded_corners_images
 * Code by : Jérôme Jaglale [http://www.maestric.com]
 * Written as jquery plugin by : Ahmad Shukr [http://www.ashukr.me]
 */

/*
 * sample
<script type="text/javascript" >
    $('.the_news_img').roundedImgs("10px");
</script>
 */

(function($){

    //Attach this new method to jQuery
    $.fn.extend(
    {


        roundedImgs: function()
        {

            //Iterate over the current set of matched elements
            return this.each(function()
            {

                    var img = $(this);
                    var img_width = img.width();
                    var img_height = img.height();

                    // build wrapper
                    var wrapper = $('<div class="rounded_wrapper"></div>');
                    wrapper.width(img_width);
                    wrapper.height(img_height);

                    // move CSS properties from img to wrapper
                    wrapper.css('float', img.css('float'));
                    img.css('float', 'none')

                    wrapper.css('margin-right', img.css('margin-right'));
                    img.css('margin-right', '0')

                    wrapper.css('margin-left', img.css('margin-left'));
                    img.css('margin-left', '0')

                    wrapper.css('margin-bottom', img.css('margin-bottom'));
                    img.css('margin-bottom', '0')

                    wrapper.css('margin-top', img.css('margin-top'));
                    img.css('margin-top', '0')

                    wrapper.css('display', 'block');
                    img.css('display', 'block');
                    // IE6 fix (when image height or width is odd)
                    if ($.browser.msie && $.browser.version == '6.0')
                    {
                            if(img_width % 2 != 0)
                            {
                                    wrapper.addClass('ie6_width')
                            }
                            if(img_height % 2 != 0)
                            {
                                    wrapper.addClass('ie6_height')
                            }
                    }

                    // wrap image
                    img.wrap(wrapper);

                    // add rounded corners
                    img.after('<div class="tl"></div>');
                    img.after('<div class="tr"></div>');
                    img.after('<div class="bl"></div>');
                    img.after('<div class="br"></div>');


           });
        }
    }
);
 
})(jQuery);