//
// Layout.js - Site-wide functions.
//

var Layout = {

    ready: function() {
        this.applyBannerCorners();
        this.applyHorizontalRules();
        this.applyDevFormatting();
    },
    
    applyHorizontalRules: function() {
        $("#Side h3:not(:first)").each(function(){
            //$(this).before("<hr/>");
            $(this).before('<div class="HR"/>');
        });
        $("#Main h3:not(:first)").each(function(){
            //$(this).before("<hr/>");
            $(this).before('<div class="HR"/>');
        });
    },
    
    applyBannerCorners: function() {
        this.applyCorners("#Main .Banner");
    },
    
    applyCorners: function(selector) {
        var $selection = $(selector);
        var $corners = $("<div/>").addClass("Corners");
        $corners.append($("<div/>").addClass("TopLeft"));
        $corners.append($("<div/>").addClass("TopRight"));
        $corners.append($("<div/>").addClass("BottomLeft"));
        $corners.append($("<div/>").addClass("BottomRight"));
        $corners.click = function(){
            //$(this).parent().find("a").eq(0).click();
        };
        $selection.css({
            position: "relative"
        });
        $selection.append($corners);
    },

    applyDevFormatting: function() {
        $("a.TBD").click(function(){
            alert("Link TBD");
        }).css({
            //fontStyle: "italic",
            color: "red"
        });
    }
    
};
$(document).ready(function(){Layout.ready();});