function showMap( showId ){
    var birdseyeObj = document.getElementById( "map-birdseye" );
    var middleObj   = document.getElementById( "map-middle" );
    var zoomObj     = document.getElementById( "map-zoom" );
    
    birdseyeObj.style.display   = "none";
    middleObj.style.display     = "none";
    zoomObj.style.display       = "none";
    
    var showObj = document.getElementById( showId );
    showObj.style.display = "block";
}


function makeMapToggle(){
    var mapObj          = document.getElementById( "arbor-dental-map" );
    mapObj.innerHTML    = "<div id=\"map-zoom\"><a class=\"zoom-in\"><span>Zoom In</span></a><a class=\"zoom-out\" href=\"#\" onclick=\"showMap('map-middle')\"><span>Zoom Out</span></a></div>" +
        "<div id=\"map-middle\"><a class=\"zoom-in\" href=\"#\" onclick=\"showMap('map-zoom')\"><span>Zoom In</span></a><a class=\"zoom-out\" href=\"#\" onclick=\"showMap('map-birdseye')\"><span>Zoom Out</span></a></div>" +
        "<div id=\"map-birdseye\"><a class=\"zoom-in\" href=\"#\" onclick=\"showMap('map-middle')\"><span>Zoom In</span></a><a class=\"zoom-out\"><span>Zoom Out</span></a></div>";
    showMap( "map-middle" );
}