$(document).ready(function() {
    var popOut = "#popout";
    var mapbox = "#mapbox";
    var adWidth = $(mapbox).width() + $(".cap").width();

    function openAd() {
        $(popOut).width(adWidth+"px");
        $(mapbox).animate({marginLeft: "0"},1200);
    }

    function closeAd() {
        $(mapbox).animate({marginLeft: "-"+adWidth+"px"},1200,"linear",
            function(){ $(popOut).width($(".cap").width() + "px"); }
        );
    }

    $("#open").click(function() {
        openAd();
        return false;
    });
    $("#close").click(function() {
        closeAd();
        return false;
    });    

    $(popOut).animate({opacity: 1.0}, 1500, "linear", openAd);
});
$(document).ready(function() {
    var popOut = "#popout";
    var mapbox = "#mapbox";
    var adWidth = $(mapbox).width() + $(".cap").width();

    function openAd() {
        $(popOut).width(adWidth+"px");
        $(mapbox).animate({marginLeft: "0"},1200);
    }

    function closeAd() {
        $(mapbox).animate({marginLeft: "-"+adWidth+"px"},1200,"linear",
            function(){ $(popOut).width($(".cap").width() + "px"); }
        );
    }

    $("#open").click(function() {
        openAd();
        return false;
    });
    $("#close").click(function() {
        closeAd();
        return false;
    });    

    $(popOut).animate({opacity: 1.0}, 1500, "linear", openAd);
});