﻿
    
    //Load google maps
    google.load("maps", "2");
        var map;
        var point;
        var marker;
        var windowSize;
        
    function loadMap(){
    
        if (GBrowserIsCompatible()) {
            //Set google map variables
            map = new GMap2(document.getElementById("map"));
            point = new GLatLng(51.498842,-0.014326);
            marker = new GMarker(point);
            windowSize = new GSize(484,484);

            initialize()

        } else{
            document.getElementById("map").innerHTML = '<img src="../images/map.gif" width="488" height="488" alt="Directions to Capital Support." />'
        }
    }
    
        
        
    function initialize() {
        map.setCenter(point, 15);
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.addOverlay(marker);
        marker.openInfoWindowHtml('<span class="gmPopUpHeader"><b>Capital Support</b></span><br />3 Habour Exchange Square<br />Limeharbour, Docklands<br />London<br />E14 9 GE');
    }
    function MoveMap(lon,lat) {
        point = new GLatLng(lon,lat)
        //map.setCenter(point, 15);
        map.panTo(point);
              // Map Movement and Animation
      //
      // The =recenterOrPanToLatLng= method does a continuous pan if the lat/lng
      // is in the current map viewport, or it does a discrete movement otherwise.
      //  map.recenterOrPanToLatLng(lon, lat);

    }


//   
//  var map = new google.maps.Map2(document.getElementById("map"));
//        map.addControl(new GSmallMapControl());
//        map.addControl(new GMapTypeControl());

//        map.setCenter(new google.maps.LatLng(51.498842,-0.014326), 15);
//  //}
//  
//  //This will create a new market on the map at location specified by point
//  function createMarker(point, content) {
//  var marker = new GMarker(point);

//  GEvent.addListener(marker, "click", function() {
//    marker.openInfoWindowHtml(content);
//  });

//  return marker;
//}
//var point = new GLatLng( 51.498842,-0.014326);
//var marker = new GMarker(point);
//  GEvent.addListener(marker, "click", function() {
//    marker.openInfoWindowHtml(point, '<b>Capital Support</b><br />31 Harbour Exchange Sq<br />London<br /> E14 9GE');
//  });
//map.addOverlay(marker);

////createMarker(point, '<b>Capital Support</b><br />31 Harbour Exchange Sq<br />London<br /> E14 9GE');
// 
//// Add 10 markers to the map at random locations
////var bounds = map.getBounds();
////var southWest = bounds.getSouthWest();
////var northEast = bounds.getNorthEast();
////var lngSpan = northEast.lng() - southWest.lng();
////var latSpan = northEast.lat() - southWest.lat();
////for (var i = 0; i < 10; i++) {
////  var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
////        southWest.lng() + lngSpan * Math.random());
////map.addOverlay(new GMarker(point));
////}

//  //google.setOnLoadCallback(initialize);



