﻿$(document).ready(function() {
    var body = $("body");
    body.append("<div class='bg bgl' style='position: absolute; z-index: -1000; height: 100%;'></div>");
    body.append("<div class='bg bgr' style='position: absolute; z-index: -1000; height: 100%;'></div>");


    $(".box").each(function() {
        var box = $(this);

        //box.append("<div class='bg' style='background-color: white;'></div>");
        box.prepend("<div class='bg tl'></div>");
        box.prepend("<div class='bg bl'></div>");
        box.prepend("<div class='bg tr'></div>");
        box.prepend("<div class='bg br'></div>");
        box.prepend("<div class='bg l'></div>");
        box.prepend("<div class='bg t'></div>");
        box.prepend("<div class='bg r'></div>");
        box.prepend("<div class='bg b'></div>");


    });
});
//    $(".box").each(function() {
//        $(this).css("position", "relative");
//        $(this).css("background-color", "white");
//        var children = $(this).children();

//        var parent = $(this);
//        parent.removeClass("box");
//        var child = $("<div class='bg t'></div>");
//        parent.append(child);
//        parent = child;
//        child = $("<div class='bg b'></div>");
//        parent.append(child);
//        parent = child;
//        child = $("<div class='bg l'></div>");
//        parent.append(child);
//        parent = child;
//        child = $("<div class='bg r'></div>");
//        parent.append(child);
//        parent = child;
//        child = $("<div class='bg tl'></div>");
//        parent.append(child);
//        parent = child;
//        child = $("<div class='bg bl'></div>");
//        parent.append(child);
//        parent = child;
//        child = $("<div class='bg tr'></div>");
//        parent.append(child);
//        parent = child;
//        child = $("<div class='bg br'></div>");
//        parent.append(child);
//        parent = child;
//        child = $("<div class='box bg'></div>");
//        parent.append(child);

//        child.append(children);
//    });
//});