/// <reference path="../../scripts/jquery-1.4.1.js" />

$(document).ready(function() {

    $('img.rounded').one('load', function() {
        var img = $(this);
        var p_img = img.parent();
        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')
            }
        }

        if (!$.browser.msie) {
            p_img.css('padding-left','33px');
        }


        // 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>');
    }).each(function() {
        if (this.complete) $(this).trigger("load");
    });

});