$(document).ready(function() {

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

});