function fade_background() {
    // the nav container should get the initial bg color
    var bg_color = $('#canvas').css('backgroundColor');

    $("#canvas").animate({ backgroundColor: "#FFFFFF" }, 6000);
    $("#nav-container").animate({ backgroundColor: bg_color }, 6000);
}

function observe_splash_nav_container() {
        
    $("#nav-container.splash").click(function() {
        // get the href of the "enter" link so I don't have
        // to update here too if it changes
        var href = $('#enter a').attr('href');
        
        document.location.href = href;
    });
}

$(document).ready(function () {
    fade_background();
    observe_splash_nav_container();
});