$(document).ready(
	function ()
	{
	
		var marker = [];
		var lat = $('#zip-lat').html();
		var lon = $('#zip-lon').html();
		
		var map = new GMap2(document.getElementById("map_canvas"));
		if(lat && lon)
		{
			map.setCenter(new GLatLng(lat, lon), 8);
		}
		else
		{
			map.setCenter(new GLatLng(37.4419, -122.1419), 13);
		}
		
		map.addControl(new GLargeMapControl());
		map.addControl(new GHierarchicalMapTypeControl());
		map.addControl(new GOverviewMapControl());
		map.addControl(new GScaleControl());
	
		//map.openInfoWindow(map.getCenter(),
		 //                  document.createTextNode("Hello, world"));
		
		$('.sales-rep').each(
			function()
			{
			    var repid = $(this).find('.rep-name a').attr('href').replace('#rep','');
			    
			    var point = new GLatLng($(this).find('.rep-lat').html(),$(this).find('.rep-lon').html());
			    marker[repid] = new GMarker(point);
			    map.addOverlay(marker[repid]);
			    GEvent.addListener(marker[repid], "click",
			    	function()
			    	{
			    		var text = $('#rep' + repid).html();
						marker[repid].openInfoWindowHtml('<div class="bubble">' + text + '</div>');
					}
				); 
		
						
			    $(this).find('.rep-name a').click(
				    function()
				    {
				    	var thisid = $(this).attr('href').replace('#rep','');
				    	var text = $('#rep' + thisid).html();
				    	marker[thisid].openInfoWindowHtml('<div class="bubble">' + text + '</div>');
						return false;
				    }
			    );
			}
		);
	}
);