var $ppc_icon = "imgs/map.png"
var $mapcord = new Array( [51.515006, -0.137093], [34.093818, -118.281232] )
var $streetcord = new Array( [51.514812, -0.137202], [34.093562, -118.281595] )
var $fontweight ="bold"
var $bgcol = "#191970"
var $col = "#A9203E"
var $mapdivid = "map"
var $streetdivid = "pano"

var HandleMaps = {

	setup : function (id)
	{
		HandleMaps.initializeStreetView(id)
		HandleMaps.initializeMapView(id)
		
	},
	
	close : function ()
	{
	
	},
	
	initializeMapView : function (id)
	{
	
		//consolelog('initializeMapView called id[' + id + ']')
		
		var myOptions = {
		  zoom: 15,
		  zoomControl: true,
		  streetViewControl:false,
		  mapTypeControl: false,
		  center: new google.maps.LatLng($mapcord[id][0], $mapcord[id][1]),
		  mapTypeId: google.maps.MapTypeId.ROADMAP
		}
		var targetdiv = document.getElementById($mapdivid)
		map = new google.maps.Map(targetdiv, myOptions);
		image = $ppc_icon;
		myLatLng = new google.maps.LatLng($mapcord[id][0], $mapcord[id][1]);
			beachMarker = new google.maps.Marker({
			position: myLatLng,
			draggable:true,
			map: map,
			icon: image,
			animation: google.maps.Animation.DROP
		});
		/*
		google.maps.event.addListener(beachMarker, 'click', function () {
			if (beachMarker.getAnimation() != null) {
				beachMarker.setAnimation(null);
			} else {
				beachMarker.setAnimation(google.maps.Animation.BOUNCE);
			}
		});
		*/
	},
	
	initializeStreetView : function (id)
	{
		consolelog('initializeStreetView called id[' + id + ']')
		
		var fenway = new google.maps.LatLng($streetcord[id][0], $streetcord[id][1]);
		//--> Note: constructed panorama objects have visible: true
		//--> set by default.
		var panoOptions = {
			position: fenway,
			addressControlOptions: {
				position: google.maps.ControlPosition.BOTTOM,
				style: {
					"fontWeight": $fontweight,
					"backgroundColor": $bgcol,
					"color": $col
				}
			},
			addressControl : false,
			linksControl: false,
			panControl: false,
			zoomControlOptions: {
				style: google.maps.ZoomControlStyle.SMALL
			},
			enableCloseButton: false
		  };
		var targetdiv = document.getElementById($streetdivid)
		var panorama = new google.maps.StreetViewPanorama(targetdiv, panoOptions);
	}
}