﻿$(window).load(AddRoundCorners);
// Functions
function AddRoundCorners() {
    var list = Array("brown", "white");
    var offset = 4;
    for (var i in list) {
        $('.' + list[i] + '_box_round').each(function() {
            // Get Dimensions
            var width = $(this).outerWidth();
            var height = $(this).outerHeight();
            // Create Corners
            var ul = $("<div class='corner_ul'></div>");
            var ur = $("<div class='corner_ur'></div>");
            var ll = $("<div class='corner_ll'></div>");
            var lr = $("<div class='corner_lr'></div>");
            // Append
            $(this).append(ul);
            $(this).append(ur);
            $(this).append(ll);
            $(this).append(lr);
            // Set Position
            ul.css({ left: -offset, top: -offset });
            ur.css({ left: width - (ur.width() + offset), top: -offset });
            ll.css({ left: -offset, top: height - (ll.height() + offset) });
            lr.css({ left: width - (lr.width() + offset), top: height - (lr.height() + offset) });
        });
    }
}