var ImageBorders =
{
    init: function()
    {
        var ContentContainer = document.getElementById("ImagesContentContainer");
        if (ContentContainer != undefined && ContentContainer != null)
        {
            var images = ContentContainer.getElementsByTagName("img");

            for (i = 0, ii = images.length; i < ii; i++) {
                if ($(images[i]).hasClass("image_border")) {
                    ImageBorders.setUpImage(ContentContainer, images[i]);
                }
            }
        }
        
    },

    setUpImage: function(ContentContainer, element)
    {

        var outerContainer = document.createElement("div");
        outerContainer.className = "inside_content_image";

        if ($(element).attr("style") !== undefined) 
        {
            if (element.style.cssFloat != undefined) 
            {
                outerContainer.style.cssFloat = element.style.cssFloat;
            }
        }

        element.parentNode.insertBefore(outerContainer, element);

        var rightFrame = document.createElement("div");
        rightFrame.className = "inside_content_image_frame_right";
        rightFrame.appendChild(element);

        var clearDiv = document.createElement("div");
        clearDiv.className = "clear";
        rightFrame.appendChild(clearDiv);

        var bottomFrame = document.createElement("div");
        bottomFrame.className = "inside_content_image_frame_bottom";

        var leftFrame = document.createElement("div");
        leftFrame.className = "inside_content_image_frame_left";

        var topFrame = document.createElement("div");
        topFrame.className = "inside_content_image_frame_top";

        
        bottomFrame.appendChild(rightFrame);
        leftFrame.appendChild(bottomFrame);
        topFrame.appendChild(leftFrame);
        outerContainer.appendChild(topFrame, element);

    }
};

ImageBorders.init();