window.onload = function() {
    $("img[@rel~='curvy']").each(function(i) {
        var width = $(this).innerWidth();
        var height = $(this).innerHeight();
        
        var cssClass = $(this).attr("rel");
        cssClass = cssClass.substring(cssClass.indexOf(" "));
        
        var wrapper = "<div class='curvyImage " + cssClass + "' style='position: relative; width: " + width + "px; height: " + height + "px'></div>";
        var tl = "<div class='tl'></div>";
        var tr = "<div class='tr'></div>";
        var br = "<div class='br'></div>";
        var bl = "<div class='bl'></div>";

        $(this).wrap(wrapper);
        $(this).before(tl);
        $(this).before(tr);
        $(this).before(br);
        $(this).before(bl);
    });
};