google.load("maps", "2.x");
      
     	var sites = [
     	['425 Collins Blvd', 'Orrville, OH 44667', 	40.862927,-81.7556759, '425_collins.php'],
     	['515 Collins Blvd', 'Orrville, OH 44667', 	40.8651757,-81.7578268, '515_collins.php'],
     	['356 Collins Blvd', 'Orrville, OH 44667', 40.862639,-81.760821, '356_collins.php'],
     	['1330 N. Main Street', 'Orrville, OH 44667', 40.854238,-81.763812, '1330_n_main.php'],
     	['1345 N. Main Street', 'Orrville, OH 44667', 40.854562,-81.76385, '1345_n_main.php']
     	     	];
     	
     	var pop2 = '<div id="site_pop2" >&raquo;&nbsp;<a class="site-link" href="#">Click to View Profile</a></div>';

     	 $(document).ready(function(){
          
          var map = new GMap2(document.getElementById('building-map'));
          map.addControl(new GLargeMapControl());
          var startloc = new GLatLng(40.856915,-81.763719);
          
          map.setCenter(startloc, 14);
          
          var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
				var markers = [];
				
				for (var i = 0; i < sites.length; i++) {
				    var point = new GLatLng(sites[i][2], sites[i][3]);
					marker = new GMarker(point);
					map.addOverlay(marker);
					markers[i] = marker;
				}
				
				$(markers).each(function(i,marker){
					
					$("<li />")
						.html("<a href='javascript:void();'>" + sites[i][0] + "</a>")
						.click(function(){
						
							displayPoint(marker, i);
							
							//$(this).append(pop2);
						})
						.appendTo("#site-list").attr("id", "site-item"+i);
					
					
					GEvent.addListener(marker, "click", function(){
						displayPoint(marker, i);
						
					});
				});
				
				$("#site-pop").appendTo(map.getPane(G_MAP_FLOAT_SHADOW_PANE));
				
				function displayPoint(marker, index){
					$("#site-pop").hide();
					$("#site_pop2").remove();
					
					$("#site-item"+index).append(pop2);
					$(".site-link").attr("href",sites[index][4]);
					
					var moveEnd = GEvent.addListener(map, "moveend", function(){
						var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());
						$("#site-pop")
							.fadeIn()
							.css({ top:markerOffset.y, left:markerOffset.x });
						
						$(".site-name").html(sites[index][0]);
						$(".site-address").html(sites[index][1]);
						
						GEvent.removeListener(moveEnd);
					});
					map.panTo(marker.getLatLng());
				}
				
				
     	 });