//console.log(); 
			var map;
			var markers = this.markers = [];
			
			$(document).ready(function() {
				if (GBrowserIsCompatible()) {
					// Initialize the map.
					var baseIcon = new GIcon();
					baseIcon.image = "images/GmapIcon02.png";
					baseIcon.shadow = "images//GmapIcon02Shadow.png";
					baseIcon.iconSize = new GSize(45, 45);
					baseIcon.shadowSize = new GSize(42, 45);
					baseIcon.iconAnchor = new GPoint(18, 38);
					baseIcon.infoWindowAnchor = new GPoint(19, 2);


					map = new GMap2(document.getElementById("map")); // This sets up the and rest just sets up the controls
						map.addMapType(G_SATELLITE_3D_MAP); // For Google Earth
						map.addMapType(G_PHYSICAL_MAP); // Adds Satelite maps
						map.addControl(new GMenuMapTypeControl()); // This makes the choses a drop down menu
						map.addControl(new GLargeMapControl()); // Use large map controls
						map.enableScrollWheelZoom(); // Allows for users to scroll zoom with their mouse wheel
						//var adsManager = new GAdsManager(map, 'pub-2417475323752259', {channel: '187839814'},{maxAdsOnMap: '100'});
						//adsManager.enable();


					//console.log("Loading the JSON file")
					$.getJSON("../xml/GmapData.js",function(data){
						   var NewLat = data.items[0].lat; var NewLng = data.items[0].long; var NewPoint = new GLatLng(NewLat, NewLng);
						   //console.log(NewPoint)
						   map.setCenter(NewPoint, 12);	
							//console.log("Map is being recentered")
						$.each(data.items,function(i,item){

							 //console.log("JSON Data: " + item.name)
							 var lat = item.lat; var lng = item.long; var name = item.name; var chapter = item.chapter; var locale = item.locale; var imageSm = item.ImageSm; var imageBg = item.ImageBg; var ContentSm = item.ContentSm; // Sets up the sorted out info from the json file
							 var NormalContent = '<h3>'+ name +'</h3><div class="iwstyle01"><img src="' + imageSm + '" class="MiniPic"><p><strong class="ChapterName">' + chapter + '</strong> -  ' + locale + ' ' + ContentSm + '</p><p class="miniInstruc">Click the + symbol at the top of this bubble to see the image bigger.</p></div>';
							 var BiggieContent = '<div style="padding:10px 0 0 0;"><img src="' + imageBg + '" class="BigPic"><p><strong class="ChapterName">' + chapter + '</strong> -  ' + locale + ' ' + ContentSm + '</p></div>';
							   	
							 var point = new GLatLng(lat,lng); 
							 //console.log(point)
							 var marker = new GMarker(point,{icon:baseIcon}); // Create the marker.
								GEvent.addListener(marker, "click", function() {
									//marker.openInfoWindowHtml(ContentSm);
									marker.openInfoWindowHtml(NormalContent, {maxContent: BiggieContent, maxTitle: name});
									//console.log("Making the info window for " +i)
								});
								// add a line to the side_bar html
								//side_bar_html += '<li><a href="javascript:myclick(' + i + ')">' + name + '</a></li>';
								
								map.addOverlay(marker);	

								if (i==0) { // This will trigger open the newest story
									GEvent.trigger(marker, "click");
									//console.log("Triggered the info window for " +i)
								}
								
									markers.push(marker); 
									//console.log(markers[i])
								
								//console.log(marker)
								$('#side_bar').append('<li><a href="javascript:myclick('+ i +')">' + name + '</a></li>');
								
						});
						
						
					});
					
							
					
			     } else { alert("Sorry, the Google Maps API is not compatible with this browser"); }

			});
					
			$(document.body).unload(function() {
				if (GBrowserIsCompatible()) {
					GUnload();
				}
			});	

//console.log("I am "+markers[2])							
							
							// This function picks up the click and opens the corresponding info window
								  function myclick(i) {
									GEvent.trigger(markers[i], "click");
								  }