// Function to Show/Hide menu foldout:
function showMenuItems(e)   {
    document.getElementById(e).style.display = "block";
}
function hideMenuItems(e)   {
    document.getElementById(e).style.display = "none";
}


// GMaps Functions:
var map = null;

function initialize() {
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById('map'));
        map.setCenter(new GLatLng(52.494487, 5.592041), 5);
        map.addControl(new GLargeMapControl());
        var icon = new GIcon();
        icon.image = "/assets/mijnmakelaar/maps/single-house.png";
        icon.iconSize = new GSize(22, 29);
        icon.iconAnchor = new GPoint(0, 20);
        icon.infoWindowAnchor = new GPoint(5, 1);
        var markers = [];
        for (var i = 0; i < data.photos.length; ++i) {
            var latlng = new GLatLng(data.photos[i].latitude, data.photos[i].longitude);
            var marker = new GMarker(latlng, { icon: icon });
            marker.value = data.photos[i].photo_title + '<br /><img src=' + data.photos[i].photo_file_url + ' width=\'180\' />';
            GEvent.addListener(marker, "click", function(ll) {
                var mdiv = document.createElement('div');
                mdiv.style.font = '9pt sans-serif';
                mdiv.style.color = 'black';
                mdiv.style.textAlign = 'left';
                mdiv.innerHTML = this.value;
                this.openInfoWindow(mdiv);
            });
            markers.push(marker);
        }

        var markerCluster = new MarkerClusterer(map, markers, { 'zoomOnClick': false });
        GEvent.addListener(markerCluster, "clusterclick", function(cluster) {
            var cdiv = document.createElement('div');
            var cmarkers = cluster.getMarkers();
            for (var i = 0; i < cmarkers.length; ++i) {
                cdiv.style.font = '9pt sans-serif';
                cdiv.style.textAlign = 'left';
                cdiv.innerHTML += cmarkers[i].marker.value + '<br/>';
            };
            map.openInfoWindow(cluster.getCenter(), cdiv);
        });
    }
}