﻿//<![CDATA[
                
        var gmarkers = [];
        var map;
        var baseIcon = new GIcon();
        baseIcon.image = "images/google/marker.png";
        baseIcon.shadow = "images/google/shadow50.png";
        baseIcon.transparent = "images/google/markerTransparent.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);

               
        function load() {
        
        
            //preload google map images
            //preloadGoogleMarkerImages();
            
            if (GBrowserIsCompatible()) {
                map = new GMap2(document.getElementById("map"));                
                map.setCenter(new GLatLng(37.062500, -95.677068), 3); //center on middle of US
                map.addControl(new GSmallZoomControl());
                map.addControl(new GMapTypeControl());
            }
            
            for (x = 0; x < clients.length; x++)
            {            
                var point = new GLatLng(clients[x].latitude, clients[x].longitude);
                var marker = createMarker(point, clients[x].infohtml);
                // save the info we need to use later for the sidebar
                gmarkers[x] = marker;
                map.addOverlay(marker);
            }
            
            // Creates a marker at the given point with the given number label            
            function createMarker(point, infohtml) {
                var marker = new GMarker(point, baseIcon);
                GEvent.addListener(marker, "click", function() {
                    marker.openInfoWindowHtml(infohtml, {maxWidth:400});
                });                
                return marker;
            }
        }
        
        //Load script for map page without a nav
        function loadNoNav() {
        
            //preload google map images
            //preloadGoogleMarkerImages();
            
            if (GBrowserIsCompatible()) {
                map = new GMap2(document.getElementById("map"));
                map.setCenter(new GLatLng(37.062500, -95.677068), 3); //center on middle of US
                map.addControl(new GSmallZoomControl());
                map.addControl(new GMapTypeControl());
            }
            
            for (x = 0; x < clients.length; x++)
            {
                var point = new GLatLng(clients[x].latitude, clients[x].longitude);
                var marker = createMarker(point, clients[x].infohtml);                
                map.addOverlay(marker);
            }
            
            // Creates a marker at the given point with the given number label            
            function createMarker(point, infohtml) {
                var marker = new GMarker(point, baseIcon);
                GEvent.addListener(marker, "click", function() {
                    marker.openInfoWindowHtml(infohtml, {maxWidth:400});
                });                
                return marker;
            }
        }
        
        // This function picks up the click and opens the corresponding info window
        function myclick(i) {
            gmarkers[i].openInfoWindowHtml(clients[i].infohtml);
        }
        
        function zoomToStreetLevel() {
            map.setZoom(11);
        }
        
        function zoomOutToFullMap() {
            map.setCenter(new GLatLng(37.062500, -95.677068), 3); //center on middle of US            
        }
        
        function preloadGoogleMarkerImages() {
            image1 = new Image();
            image1.src = "http://www.google.com/mapfiles/marker.png";
            
            image2 = new Image();
            image2.src = "http://www.google.com/mapfiles/shadow50.png";
            
            image3 = new Image();
            image3.src = "http://www.google.com/mapfiles/markerTransparent.png";
            
            image4 = new Image();
            image4.src = "http://www.google.com/mapfiles/markerie.png";
            
            image5 = new Image();
            image5.src = "http://www.google.com/mapfiles/dithshadow.png";         
        }

//]]>