<div class='jojo_map' id="map16" style="width: 500px; height: 400px;"></div>
<script type="text/javascript">
/* <![CDATA[ */
var marker = {};
var infowindow = {};
var map16 = {};

function initialize() {
     /* Set center to New Zealand if no locations are provided */
    var map16Latlng = new google.maps.LatLng(-36.85284014527503,174.75748300552368);
    var map16Options = {
        zoom:14,
        center: map16Latlng,
        draggable: true,
        scrollwheel: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        navigationControl: true,
        navigationControlOptions: {
            style: google.maps.NavigationControlStyle.SMALL
        },
        streetViewControl: true,
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        scaleControl: true
    }

    map16 = new google.maps.Map(document.getElementById("map16"), map16Options);
    var bounds = new google.maps.LatLngBounds();
        var pos16 = new google.maps.LatLng(-36.85284014527503,174.75748300552368);
    marker["16-16"] = new google.maps.Marker({
        position: pos16,
        map: map16,
        title: "Ascent"
    });

    bounds.extend(new google.maps.LatLng(-36.85284014527503,174.75748300552368));
    infowindow["16-16"] = new google.maps.InfoWindow({
            content: '<p class="mapinfo"><strong>Ascent</strong><br />'+
            '</p>'
    });

    google.maps.event.addListener(marker["16-16"], 'click', function() {
        // Close existing open info windows
        $.each(infowindow, function(k, v) {v.close()});

        // Open Info Window
        infowindow["16-16"].open(map16, marker["16-16"]);
        map16.setCenter(pos16);
    });
    
    

}

$(document).ready(function() {
    loadGMapScript();
});

function loadGMapScript() {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
    document.body.appendChild(script);
}
/* ]]> */
</script>
    <div class='jojo_maplocations' id="maplocations16" style="display:none" >
                <div id='mapDescription16j0'>
            <h3>Ascent</h3>
            <p></p>
            
        </div>
        
    </div>

