var geocoder;
var map;
var myStreet;
var fdPoint;
var streetStatus = 0;

/**
* called on page load.
*/
function load() {
    if (GBrowserIsCompatible()) {
        myStreet = new GStreetviewPanorama(document.getElementById("gStreet"));
        map = new GMap2(document.getElementById("map"));
        geocoder = new GClientGeocoder();
        geocoder.getLatLng('229 E Wisconsin Ave., Milwaukee, WI 53202', setCoordinates);
    }
}



/**
* listener handler for getting address.
* will set geo coordinates of marker on map.
*/
function setCoordinates(point) {
    map.setCenter(point, 14);
    fdPoint = point
    //GEvent.addListener(map,"click", showStreet);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    setMarker()
}



/**
* called when click on map.  
* will show streetView div.
*/
function showStreet(overlay, latlng) {
    myPOV = { yaw: 180, pitch: -10 };
    myStreet.setLocationAndPOV(fdPoint, myPOV);

    //loads popup only if it is disabled
    if (streetStatus == 0) {
        $("#streetView").fadeIn("def");
        streetStatus = 1;
        $("#closeStreet").click(function () {
            closeStreet();
        });
    }
    centerStreetPopup();
}



/**
* disabling popup with jQuery magic!
*/
function closeStreet() {

    //disables popup only if it is enabled
    if (streetStatus == 1) {
        $("#streetView").fadeOut("def");
        streetStatus = 0;
    }

}


//centering popup
function centerStreetPopup() {
    //request data for centering
    var positionLeft = $("map").offset().left + 25;
    var positionTop = $("map").offset().top - 75;

    var popupHeight = $("#map").height();
    var popupWidth = $("#map").width();
    //positioning

}




/**
* Add the FD Address Marker to the map
*/
function setMarker() {

    var infoTabs = [
      new GInfoWindowTab("Address", '<p style="font-weight:bold;font-size:14px;">229 E Wisconsin Ave.<br />Suite 400<br />Milwaukee, WI 53202</p> <p><span style="font-weight:bold;">Phone:</span> 414.383.5080<br /><span style="font-weight:bold;">Fax:</span> 414.383.5180<br /><span style="font-weight:bold;">Email:</span> info@finndigital.com</p><p><a href="javascript:showStreet()" title="Show Street View">Street View</a></p>'),
      new GInfoWindowTab("Directions", '<form action="http://www.google.com/maps" method="get" target="_blank"><p><span style="font-weight:bold;">Starting Address:</span><br /><input name="saddr" type="text" size="40" /><br /></p><input name="btnGet" type="button" value="Get Directions" /><input name="f" type="hidden" value="d" /><input name="daddr" type="hidden" value="229 E Wisconsin Ave, Suite 400, Milwaukee, WI 53202" /></form>')
    ];

    var marker = new GMarker(map.getCenter());
    map.addOverlay(marker);
    map.openInfoWindowTabsHtml(map.getCenter(), infoTabs);


}