var flw = {
    "Name" : "Corporate Village",
    "Address" : "14362 N. Frank Lloyd Wright Blvd",
    "Suite" : "Suite 1000",
    "City" : "Scottsdale",
    "State" : "AZ",
    "Zip" : "85260",
    "Phone" : "480-477-7777",
    "Fax" : "480-477-7766",
    "Email" : "corporate@visionoffices.com",
    "Image" : "loc_bg_CorpVil.jpg",
    "Lat" : "33.61692442964754", 
    "Lng" : "-111.87171936035156"
  };
  var kld = {
    "Name" : "Kierland Business Center",
    "Address" : "15849 N. 71st St",
    "Suite" : "Suite 100",
    "City" : "Scottsdale",
    "State" : "AZ",
    "Zip" : "85254",
    "Phone" : "480-281-1600",
    "Fax" : "480-281-1500",
    "Email" : "kierland@visionoffices.com",
    "Image" : "loc_bg_Kierland.jpg",
    "Lat" : "33.631562399314454",
    "Lng" : "-111.92761659622192"
  };
  var gld = {
    "Name" : "Glendale Northwest",
    "Address" : "18185 N 83rd Ave",
    "Suite" : "Building D",
    "City" : "Glendale",
    "State" : "AZ",
    "Zip" : "85308",
    "Phone" : "480-477-7777",
    "Fax" : "480-477-7766",
    "Email" : "glendale@visionoffices.com",
    "Image" : "loc_bg_Glendale.jpg",
    "Lat" : "33.64547331197507",
    "Lng" : "-112.23603576421737"
  };
  var glb = {
    "Name" : "The Forum at Gilbert Ranch",
    "Address" : "1506 E. Williams Field Rd.",
    "Suite" : "",
    "City" : "Gilbert",
    "State" : "AZ",
    "Zip" : "85296",
    "Phone" : "480-477-6382",
    "Fax" : "480-477-7766",
    "Email" : "forum@visionoffices.com",
    "Image" : "loc_bg_Forum.jpg",
    "Lat" : "33.3071444973316",
    "Lng" : "-111.75769597291946"
  };    
var currentOffice;
var map;
var homeLoc;
var bg;
var addressSpan;
var titleSpan;
function zoom() {
    var info = map.getInfoWindow();
    info.hide();
    var add = currentOffice.Address + " " + currentOffice.City + ", " + currentOffice.State + " " + currentOffice.Zip;
    var lgLink = "http://maps.google.com/maps?f=d&t=k&z=19&iwloc=addr&ll=" + new GLatLng(currentOffice.Lat, currentOffice.Lng).toUrlValue() + "&daddr=" + escape(add);
    var popupHTML = "<span class='popinfo'>" + "<div class='OfficeName'>" + currentOffice.Name + "</div>" + "<a href='" + lgLink + "' target='_blank'>view larger</a><br/>" + "<a href='javascript:resetMap();'>reset</a>";
    map.openInfoWindowHtml(info.getPoint(), popupHTML);
    map.setCenter(new GLatLng(currentOffice.Lat, currentOffice.Lng), 18);
}
function resetMap() {
    map.getInfoWindow().hide();
    bg.style.backgroundImage = "url('../media/loc_bg_Default.jpg')"; 
    //titleSpan.innerHTML = 'Corporate Center Courtyard'; 
    //addressSpan.innerHTML ='';
    map.setCenter(homeLoc, 9);
    map.setMapType(G_HYBRID_MAP);
}
function addMarker(data, lat, lng, opts){
    var mrk = new GMarker(new GLatLng(data.Lat, data.Lng), opts)
    GEvent.addListener(mrk, "mouseover", function() { showLocation(data); });        
    map.addOverlay(mrk);
}            
function showLocation(data){
    currentOffice = data;
    //titleSpan.innerHTML = data.Name;
    //addressSpan.innerHTML = data.Address + " " + data.Suite +" " + data.City+", " + data.State+" " + data.Zip;
    var dirLink = "http://maps.google.com/maps?saddr=&daddr=" + new GLatLng(data.Lat, data.Lng).toUrlValue();
    var popupHTML =  "<span class='popinfo'>" + 
                        "<div class='OfficeName'>" + data.Name + "</div>" + 
                        data.Address + " " + data.Suite + "<br/>" + data.City+", " + data.State+" " + data.Zip + "<br/>" +
                        "Ph: " + data.Phone + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + 
                        "Fx: " + data.Fax + "<br/><br/>" + 
                        "<a href='../contactus/default.aspx?i=" + data.Email.split('@')[0] + "'>"+data.Email+"</a><br/>" + 
                        "<a href='" + dirLink + "' target='_blank'>directions</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href='javascript:zoom();'>zoom</a><br/>" + "</span>";
    var theBGImage = '../media/' + data.Image;
    bg.style.backgroundImage = "url(" + theBGImage + ")";
    map.openInfoWindowHtml(new GLatLng(data.Lat, data.Lng), popupHTML);
    GEvent.addListener(map.getInfoWindow(), "closeclick", function(){ resetMap() });        
}    
function googleLoad() {
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        homeLoc = new GLatLng(33.516209361109055, -112.0001220703125);
        bg = document.getElementById('ctl00_HomeContent');
        addressSpan = document.getElementById('anAddress');
        titleSpan = document.getElementById('aTitle');

        resetMap();
        map.enableContinuousZoom();
        map.enableScrollWheelZoom();

        var tinyIcon = new GIcon();
        tinyIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
        tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
        tinyIcon.iconSize = new GSize(12, 20);
        tinyIcon.shadowSize = new GSize(22, 20);
        tinyIcon.iconAnchor = new GPoint(6, 20);
        tinyIcon.infoWindowAnchor = new GPoint(5, 1);
        markerOptions = { icon:tinyIcon };
            
        map.addControl(new GMapTypeControl());
        map.addControl(new GSmallMapControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(7,32)));
            
        addMarker(flw, markerOptions);
        addMarker(kld, markerOptions);
        addMarker(gld, markerOptions);
        addMarker(glb, markerOptions);
    }
}

when(window,"load",googleLoad);
when(window,"unload",GUnload);