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);
        
  
}