/*
    *  How to build a Google Map and bind a SearchControl to it and put markers
    *  on the map for each result we receive.
    */
    
    // First, we have to load the APIs.

    google.load('search', '1');
    google.load('maps', '2');
    
    // Global variables we will set in OnLoad
    var map;
    var searcher;
    var lattitude = 52.418034;
    var longitude = -1.511822;

    function formatWindow() {
        var html = "<div><table><tr><td><img src='img/building.jpg' alt='img'/></td><td class='InfoWindowSize'/><td class='InfoWindow'><b>Currant Ltd</b><br />25 Generator Hall<br />CV1 4JL <br /> Tel:024 7655 1111</td></tr></table></div>";
        return html;
    }
    
    // Second, we set up our function, OnLoad
    function OnLoad() {

        // Get the content div and clear it's current contents.
        var contentDiv = document.getElementById('Map');
        contentDiv.innerHTML = ''; // Clear any content currently in the Div

        // Next thing we have to do is build two divs to hold our stuff
        var mapContainer = document.createElement('div'); // build the map div
        mapContainer.style.height = '350px'; // set the map height
        mapContainer.style.width = '350px'; // set the map width

        var controlContainer = document.createElement('div'); // build the control div
        controlContainer.style.width = '350px'; // set the control width

        // Now we have to add these divs to the content div in the document body
        contentDiv.appendChild(mapContainer);
        contentDiv.appendChild(controlContainer);

        // We're ready to build our map...
        map = new google.maps.Map2(mapContainer);

        // ...and add a couple of controls.
        map.addControl(new google.maps.SmallMapControl()); // Add a small map control
        map.addControl(new google.maps.MapTypeControl()); // Add the map type control

        // We'll wait to the end to actually initialize the map
        // So let's build the search control
        var searchControl = new google.search.SearchControl();

        // Initialize a LocalSearch instance
        searcher = new google.search.LocalSearch(); // create the object
        searcher.setCenterPoint(map); // bind the searcher to the map

        // Create a SearcherOptions object to ensure we can see all results
        var options = new google.search.SearcherOptions(); // create the object
        options.setExpandMode();

        // Add the searcher to the SearchControl
        searchControl.addSearcher(searcher, options);

        // And second, we need is a search complete callback!
        searchControl.setSearchCompleteCallback(searcher, function() {
            map.clearOverlays();
            var results = searcher.results; // Grab the results array
            // We loop through to get the points
            for (var i = 0; i < results.length; i++) {
                var result = results[i]; // Get the specific result
                var markerLatLng = new google.maps.LatLng(parseFloat(result.lat),
                                                    parseFloat(result.lng));
                var marker = new google.maps.Marker(markerLatLng); // Create the marker

                // Bind information for the infoWindow aka the map marker popup
                marker.bindInfoWindow(result.html.cloneNode(true));
                result.marker = marker; // bind the marker to the result
                map.addOverlay(marker); // add the marker to the map
                marker.openInfoWindowHtml(formatWindow());
                
            }

            // Store where the map should be centered
            var center = searcher.resultViewport.center;

            // Calculate what the zoom level should be
            var ne = new google.maps.LatLng(searcher.resultViewport.ne.lat,
                                        searcher.resultViewport.ne.lng);
            var sw = new google.maps.LatLng(searcher.resultViewport.sw.lat,
                                        searcher.resultViewport.sw.lng);
            var bounds = new google.maps.LatLngBounds(sw, ne);
            var zoom = map.getBoundsZoomLevel(bounds, new google.maps.Size(350, 350));

            // Set the new center of the map
            // parseFloat converts the lat/lng from a string to a float, which is what
            // the LatLng constructor takes.
            map.setCenter(new google.maps.LatLng(parseFloat(center.lat),
                                             parseFloat(center.lng)),
                                             zoom);
//            map.openInfoWindow(map.getCenter(),
//                       document.createTextNode("<br/><b>Company Name Ltd.</b>"));

        });

        // Draw the control
        searchControl.draw(controlContainer);

        // Set the map's center point and finish!
        map.setCenter(new google.maps.LatLng(lattitude, longitude), 11);
       

        // Execute an initial search
        //searchControl.execute('25 Generator Hall, CV1 4JL');
        searchControl.execute('25 Generator Hall, Electric Wharf, Coventry, West Midlands CV1 4JL');
        
      
    }

    //google.setOnLoadCallback(OnLoad);

    function TrafficOverlays() {
        document.getElementById("Map").innerHTML = '';
        map = new GMap2(document.getElementById("Map"));
        map.setCenter(new GLatLng(lattitude, longitude), 10);

        var traffic = new GTrafficOverlay();
        map.addOverlay(traffic);


    }

    function SimpleLayer() {
      
        if (GBrowserIsCompatible()) {
            map = new GMap2(document.getElementById("Map"));
            map.setCenter(new GLatLng(lattitude, longitude), 15);
            var myLayer = new GLayer("org.wikipedia.en");
            map.addOverlay(myLayer);
        }
    }

    function StretView() {
        if (GBrowserIsCompatible()) {
            map = new GMap2(document.getElementById("Map"));
            map.setCenter(new GLatLng(lattitude, longitude), 14);
            svOverlay = new GStreetviewOverlay();
            map.addOverlay(svOverlay);
        }
    }