$(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");
    //});
    $(window).bind("load", function() {
        //Imagenes Normales
        $('.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() {
            $(this).trigger("load");
        });
        
        //Imagenes Carrusel
        $('.rounded_carrusel').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() {
            $(this).trigger("load");
        });
    });
});

