// JavaScript Document
var map;
function initMap(lat, long)
{
	if (GBrowserIsCompatible()) 
	{
		if (document.getElementById("mini_map"))
		{
			map = new GMap2(document.getElementById("mini_map"));
		}
		else 
		{
			map = new GMap2(document.getElementById("map"));
		}
		var cntpoint = new GLatLng(centlat, centlong);
		
		
		map.addControl(new GSmallMapControl());
		if (map.id == "map")
		{
			map.addControl(new GMapTypeControl());
			map.addControl(new GScaleControl());
		}
		
		map.setCenter(cntpoint, 11);
		
		// Home Icon
		
		var base_icon = new GIcon(G_DEFAULT_ICON);
		var dealer_icon = new GIcon(G_DEFAULT_ICON);
		base_icon.image = "http://www.pleasureway.com/dealer_locator/images/home.png";
		base_icon.shadow = "http://www.pleasureway.com/dealer_locator/images/home_shadow.png";
		base_icon.iconSize = new GSize(23.0, 23.0);
		base_icon.shadowSize = new GSize(35.0, 23.0);
		base_icon.iconAnchor = new GPoint(11.0, 11.0);
		base_icon.infoWindowAnchor = new GPoint(11.0, 11.0);

		
		var marker = new GMarker(cntpoint, {title:pcode, icon:base_icon});
		var homeinfo = "<p style=\"font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;\">Your Location:<br /><br />" + pcode + "</p>";
		GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(homeinfo, {maxWidth:280}); } );
		map.addOverlay(marker);

			

		// dealer A
		var lat, long, point, marker, dealer1info;
		var dealer_icons = new Array("http://www.pleasureway.com/images/marker_a.png", 
									 "http://www.pleasureway.com/images/marker_b.png",
									 "http://www.pleasureway.com/images/marker_c.png");
		var dealerinfo = new Array(dealers.length);
		
		if (dealers.length > 1)
		{
			for(ctr = 0; ctr < 3; ctr ++)
			{
				
				lat = parseFloat(dealers[ctr].lat);
				long = parseFloat(dealers[ctr].long);
				point = new GLatLng(lat, long);
				dealer_icon.image = dealer_icons[ctr];
				dealers[ctr].marker =  new GMarker(point, {title:dealers[ctr].name, icon:dealer_icon});	
				map.addOverlay(dealers[ctr].marker);
				dealers[ctr].text = "<div style=\"font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;\">" +
						"<b>" + dealers[ctr].name + "</b> " +
						"<div style=\"font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;\">" +
							dealers[ctr].address + "<br />" +
							"Phone: " + dealers[ctr].phone + "<br />" +
							"<a href=\"" + dealers[ctr].website + "\" target=\"_blank\">" + dealers[ctr].website + "</a><br />" +
							"<div style=\"font-size:10px; font-weight:bold; margin-top:5px;\">Distance: " + dealers[ctr].distance + "</div>" +
						"</div>" +
					"</div>";
				GEvent.bind(dealers[ctr].marker, "click", dealers[ctr], dealers[ctr].onClick); 
				
			}
			
			var bounds, point;
			
			do
			{	
				bounds = map.getBounds();
				point = new GLatLng(parseFloat(dealers[0].lat), parseFloat(dealers[0].long));
				//bounds.extend(point);
				if(! bounds.containsLatLng(point))
				{
					map.zoomOut();
				}
			} while (! bounds.containsLatLng(point))
		}

	}

}

function showDealerInfo()
{
	this.marker.openInfoWindowHtml(this.text);	
}


function moveToDealer(index)
{
	map.panTo(new GLatLng(dealers[index].lat, dealers[index].long));
	map.setZoom(13);
	dealers[index].marker.openInfoWindowHtml(dealers[index].text);
}