var gmarkers = [];
var map;

function loadWatersMap(){
         // $(function() { // when the document is ready to be manipulated.
		 

             if (GBrowserIsCompatible()) { // if the browser is compatible with Google Map's
				// this variable will collect the html which will eventually be placed in the side_bar
				var side_bar_html = "";
				// arrays to hold copies of the markers and html used by the side_bar
				// because the function closure trick doesnt work there
				
				var gnumbers = [];
			  
			  
			    function createMarker(point,style,color,number,category,name,html) {
					if (style == "TD") {
						if (color == "yellow") {
							var myIcon = new GIcon(G_DEFAULT_ICON, "http://esbottling.com/images/markericons/largeTDYellowIcons/marker" + number + ".png");
						}
						else if (color == "red") {
							var myIcon = new GIcon(G_DEFAULT_ICON, "http://esbottling.com/images/markericons/largeTDRedIcons/marker" + number + ".png");
						}
						else if (color == "blue") {
							var myIcon = new GIcon(G_DEFAULT_ICON, "http://esbottling.com/images/markericons/largeTDblueIcons/marker" + number + ".png");
						}
						else if (color == "green") {
							var myIcon = new GIcon(G_DEFAULT_ICON, "http://esbottling.com/images/markericons/largeTDgreenIcons/marker" + number + ".png");
						}
					}
					else if (style =="SQ") {
						var baseIcon = new GIcon(G_DEFAULT_ICON); 
						baseIcon.iconSize=new GSize(16,16);
						baseIcon.shadowSize=new GSize(48,16);
						baseIcon.iconAnchor=new GPoint(8,16);
						baseIcon.infoWindowAnchor=new GPoint(8,0);
						
						if (color == "yellow") {
							var myIcon = new GIcon(baseIcon, "http://esbottling.com/images/markericons/smallSQYellowIcons/marker" + number + ".png");
						}
						else if (color == "red") {
							var myIcon = new GIcon(baseIcon, "http://esbottling.com/images/markericons/smallSQRedIcons/marker" + number + ".png");
						}
						else if (color == "blue") {
							var myIcon = new GIcon(baseIcon, "http://esbottling.com/images/markericons/smallSQblueIcons/marker" + number + ".png");
						}
						else if (color == "green") {
							var myIcon = new GIcon(baseIcon, "http://esbottling.com/images/markericons/smallSQgreenIcons/marker" + number + ".png");
						}
					}
					
					var marker = new GMarker(point,{icon:myIcon, title:name});
					marker.mycategory = category;
					marker.myname = name;
					marker.mynumber = number;
					GEvent.addListener(marker, "click", function() {
					marker.openInfoWindowHtml(html);
				});
				// save the info we need to use later for the side_bar
				gmarkers.push(marker);

				return marker;
				}

                 
                map = new GMap2(document.getElementById("myMap")); // new instance of the GMap2 class and pass in our div location.
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());
				map.setCenter((new GLatLng(39.341599,-94.222429)), 16);
				map.setMapType(G_HYBRID_MAP);

				  
				  
				  //add markers
				
				var shape = "TD"
				var color = "red"
				var number = 1
				var category = "spring"
				var name = "Siloam Spring"
				var info = '<div class="mapinfo"><h1>Siloam Spring<\/h1><\/div>'				
				var point = new GLatLng(39.341599,-94.222429);
				var marker = createMarker(point,shape,color,number,category,name,info)
				map.addOverlay(marker);
				
				var shape = "TD"
				var color = "red"
				var number = 2
				var category = "spring"
				var name = "Excelsior Spring"
				var info = '<div class="mapinfo"><h1>Excelsior Spring<\/h1><\/div>'				
				var point = new GLatLng(39.342044,-94.221777);
				var marker = createMarker(point,shape,color,number,category,name,info)
				map.addOverlay(marker);

				var shape = "TD"
				var color = "red"
				var number = 3
				var category = "spring"
				var name = "Lithia #1 Spring"
				var info = '<div class="mapinfo"><h1>Lithia #1 Spring<\/h1><\/div>'					
				var point = new GLatLng(39.342068,-94.221159);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",3,"spring","Lithia #1 Spring",'<div class="mapinfo"><h1>Lithia #1 Spring<\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 4
				var category = "well"
				var name = "Willow Park Lithia Pavillion"
				var info = '<div class="mapinfo"><h1>Willow Park Litia Pavillion<\/h1><\/div>'					
				var point = new GLatLng(39.342085,-94.220816);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",4,"well","Willow Park Litia Pavillion",'<div class="mapinfo"><h1>Willow Park Litia Pavillion<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "red"
				var number = 5
				var category = "spring"
				var name = "Park Lithia Spring"
				var info = '<div class="mapinfo"><h1>Park Lithia Spring<\/h1><\/div>'					
				var point = new GLatLng(39.340834,-94.222007);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",5,"spring","Park Lithia Spring",'<div class="mapinfo"><h1>Park Lithia Spring<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "red"
				var number = 6
				var category = "spring"
				var name = "Saratoga Spring"
				var info = '<div class="mapinfo"><h1>Saratoga Spring<\/h1><\/div>'					
				var point = new GLatLng(39.342117,-94.219647);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",6,"spring","Saratoga Spring",'<div class="mapinfo"><h1>Saratoga Spring<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "red"
				var number = 7
				var category = "spring"
				var name = "Soda Carbonic Spring"
				var info = '<div class="mapinfo"><h1>Soda Carbonic Spring<\/h1><\/div>'					
				var point = new GLatLng(39.342412,-94.218071);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",7,"spring","Soda Carbonic Spring",'<div class="mapinfo"><h1>Soda Carbonic Spring<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "red"
				var number = 8
				var category = "spring"
				var name = "Jones Spring"
				var info = '<div class="mapinfo"><h1>Jones Spring<\/h1><\/div>'					
				var point = new GLatLng(39.342600,-94.218872);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",8,"spring","Jones Spring",'<div class="mapinfo"><h1>Jones Spring<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "red"
				var number = 9
				var category = "spring"
				var name = "Excelsior Spring"
				var info = '<div class="mapinfo"><h1>Excelsior Spring<\/h1><\/div>'	
				var point = new GLatLng(39.342716,-94.219544);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",9,"spring","Hiawatha Spring",'<div class="mapinfo"><h1>Hiawatha Spring<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "red"
				var number = 10
				var category = "spring"
				var name = "Natrona Soda Spring"
				var info = '<div class="mapinfo"><h1>Natrona Soda Spring<\/h1><\/div>'	
				var point = new GLatLng(39.343024,-94.219495);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",10,"spring","Natrona Soda Spring",'<div class="mapinfo"><h1>Natrona Soda Spring<\/h1><\/div>')
				map.addOverlay(marker);
				
				var shape = "TD"
				var color = "blue"
				var number = 11
				var category = "well"
				var name = "Excelsior Springs Lithia"
				var info = '<div class="mapinfo"><h1>Excelsior Springs Lithia<\/h1><\/div>'	
				var point = new GLatLng(39.342398,-94.222226);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",11,"well","Excelsior Springs Lithia",'<div class="mapinfo"><h1>Excelsior Springs Lithia<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "blue"
				var number = 12
				var category = "well"
				var name = "Peerless Lithia"
				var info = '<div class="mapinfo"><h1>Peerless Lithia<\/h1><\/div>'	
				var point = new GLatLng(39.342781,-94.222202);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",12,"well","Peerless Lithia",'<div class="mapinfo"><h1>Peerless Lithia<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "blue"
				var number = 13
				var category = "well"
				var name = "Seltzer Salt Soda"
				var info = '<div class="mapinfo"><h1>Seltzer Salt Soda<\/h1><\/div>'	
				var point = new GLatLng(39.343232,-94.220088);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",13,"well","Seltzer Salt Soda",'<div class="mapinfo"><h1>Seltzer Salt Soda<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "blue"
				var number = 14
				var category = "well"
				var name = "Lithium Magnesium"
				var info = '<div class="mapinfo"><h1>Lithium Magnesium<\/h1><\/div>'					
				var point = new GLatLng(39.343129,-94.219846);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",14,"well","Lithium Magnesium",'<div class="mapinfo"><h1>Lithium Magnesium<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "blue"
				var number = 15
				var category = "well"
				var name = "Link Soda, Sulfo Salt"
				var info = '<div class="mapinfo"><h1>Link Soda, Sulfo Salt<\/h1><\/div>'	
				var point = new GLatLng(39.343041,-94.222229);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",15,"well","Link Soda, Sulfo Salt",'<div class="mapinfo"><h1>Link Soda, Sulfo Salt<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "blue"
				var number = 16
				var category = "well"
				var name = "Mee Lithia, Soda"
				var info = '<div class="mapinfo"><h1>Mee Lithia, Soda<\/h1><\/div>'	
				var point = new GLatLng(39.343007,-94.221802);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",16,"well","Mee Lithia, Soda",'<div class="mapinfo"><h1>Mee Lithia, Soda<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "blue"
				var number = 17
				var category = "well"
				var name = "Flower's Magnaferro"
				var info = '<div class="mapinfo"><h1>Flower\'s Magnaferro<\/h1><\/div>'	
				var point = new GLatLng(39.342931,-94.223863);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",17,"well","Flower's Magnaferro",'<div class="mapinfo"><h1>Flower\'s Magnaferro<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "red"
				var number = 18
				var category = "spring"
				var name = "Releif Spring"
				var info = '<div class="mapinfo"><h1>Releif Spring<\/h1><\/div>'	
				var point = new GLatLng(39.344992,-94.223974);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",18,"spring","Releif Spring",'<div class="mapinfo"><h1>Releif Spring<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "red"
				var number = 19
				var category = "spring"
				var name = "Salax Spring"
				var info = '<div class="mapinfo"><h1>Salax Spring<\/h1><\/div>'	
				var point = new GLatLng(39.345153,-94.224270);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",19,"spring","Salax Spring",'<div class="mapinfo"><h1>Salax Springo<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "blue"
				var number = 20
				var category = "well"
				var name = "Sulphur Salt Soda"
				var info = '<div class="mapinfo"><h1>Sulphur Salt Soda<\/h1><\/div>'	
				var point = new GLatLng(39.345685,-94.224422);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",20,"well","Sulphur Salt Soda",'<div class="mapinfo"><h1>Sulphur Salt Soda<\/h1><\/div>')
				map.addOverlay(marker);				

				var shape = "TD"
				var color = "blue"
				var number = 21
				var category = "well"
				var name = "Soda Saline, Lithiated Sod"
				var info = '<div class="mapinfo"><h1>Soda Saline, Lithiated Sod<\/h1><\/div>'	
				var point = new GLatLng(39.342987,-94.225003);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",21,"well","Soda Saline, Lithiated Soda",'<div class="mapinfo"><h1>Soda Saline, Lithiated Soda<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "TD"
				var color = "blue"
				var number = 22
				var category = "well"
				var name = "Sunnyside"
				var info = '<div class="mapinfo"><h1>Sunnyside<\/h1><\/div>'	
				var point = new GLatLng(39.34492,-94.229202);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",22,"well","Sunnyside",'<div class="mapinfo"><h1>Sunnyside<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 23
				var category = "well"
				var name = "Keystone Lithia"
				var info = '<div class="mapinfo"><h1>Keystone Lithia<\/h1><\/div>'	
				var point = new GLatLng(39.341291,-94.225462);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",23,"well","Keystone Lithia",'<div class="mapinfo"><h1>Keystone Lithia<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 24
				var category = "well"
				var name = "Salt Sea"
				var info = '<div class="mapinfo"><h1>Salt Sea<\/h1><\/div>'	
				var point = new GLatLng(39.341278,-94.225307);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",24,"well","Salt Sea",'<div class="mapinfo"><h1>Salt Sea<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 25
				var category = "well"
				var name = "Pioneer Well"
				var info = '<div class="mapinfo"><h1>Pioneer Well<\/h1><\/div>'	
				var point = new GLatLng(39.341129,-94.223577);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",25,"well","Pioneer Well",'<div class="mapinfo"><h1>Pioneer Well<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 26
				var category = "well"
				var name = "Steck's Iron"
				var info = '<div class="mapinfo"><h1>Steck\'s Iron<\/h1><\/div>'	
				var point = new GLatLng(34.340481,-94.225029);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",26,"well","Steck's Iron",'<div class="mapinfo"><h1>Steck\'s Iron<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 27
				var category = "well"
				var name = "McCleary's Salt Well"
				var info = '<div class="mapinfo"><h1>McCleary\'s Salt Well<\/h1><\/div>'	
				var point = new GLatLng(39.339749,-94.226490);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",27,"well","McCleary's Salt Well",'<div class="mapinfo"><h1>McCleary\'s Salt Well<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 28
				var category = "well"
				var name = "White Sulphur"
				var info = '<div class="mapinfo"><h1>White Sulphur<\/h1><\/div>'	
				var point = new GLatLng(39.338863,-94.225203);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",28,"well","White Sulphur",'<div class="mapinfo"><h1>White Sulphur<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 29
				var category = "well"
				var name = "Crystal Lithium"
				var info = '<div class="mapinfo"><h1>Crystal Lithium<\/h1><\/div>'	
				var point = new GLatLng(39.341050,-94.219369);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",29,"well","Crystal Lithium",'<div class="mapinfo"><h1>Crystal Lithium<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 30
				var category = "well"
				var name = "Imperial Lithia"
				var info = '<div class="mapinfo"><h1>Imperial Lithiag<\/h1><\/div>'	
				var point = new GLatLng(39.340446,-94.218846);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",30,"well","Imperial Lithia",'<div class="mapinfo"><h1>Imperial Lithia<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 31
				var category = "well"
				var name = "Superior No. 1"
				var info = '<div class="mapinfo"><h1>Superior No. 1<\/h1><\/div>'	
				var point = new GLatLng(39.338761,-94.216250);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",31,"well","Superior No. 1",'<div class="mapinfo"><h1>Superior No. 1<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 32
				var category = "well"
				var name = "Superior No. 2"
				var info = '<div class="mapinfo"><h1>Superior No. 2<\/h1><\/div>'	
				var point = new GLatLng(39.338791,-94.216035);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",32,"well","Superior No. 2",'<div class="mapinfo"><h1>Superior No. 2<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "red"
				var number = 33
				var category = "spring"
				var name = "Regent Spring"
				var info = '<div class="mapinfo"><h1>Regent Spring<\/h1><p><img src="images\/mapInfo\/regentSpring.jpg"\/><\/p><\/div>'	
				var point = new GLatLng(39.334487,-94.225962);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",33,"spring","Regent Spring",'<div class="mapinfo"><h1>Regent Spring<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "red"
				var number = 34
				var category = "spring"
				var name = "Empire Spring"
				var info = '<div class="mapinfo"><h1>Empire Spring<\/h1><\/div>'	
				var point = new GLatLng(39.334275,-94.225906);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",34,"spring","Empire Spring",'<div class="mapinfo"><h1>Empire Spring<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "red"
				var number = 35
				var category = "spring"
				var name = "Soterian Spring"
				var info = '<div class="mapinfo"><h1>Soterian Spring<\/h1><\/div>'	
				var point = new GLatLng(39.334759,-94.226530);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","red",35,"spring","Soterian Spring",'<div class="mapinfo"><h1>Soterian Spring<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 36
				var category = "well"
				var name = "Sulpho Saline Well"
				var info = '<div class="mapinfo"><h1>Sulpho Saline Well<\/h1><\/div>'	
				var point = new GLatLng(39.348831,-94.222442);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",36,"well","Sulpho Saline Well",'<div class="mapinfo"><h1>Sulpho Saline Well<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 37
				var category = "well"
				var name = "Salt Sulpher Well"
				var info = '<div class="mapinfo"><h1>Salt Sulpher Well<\/h1><\/div>'	
				var point = new GLatLng(39.348895,-94.222208);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",37,"well","Salt Sulpher Well",'<div class="mapinfo"><h1>Salt Sulpher Well<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 38
				var category = "well"
				var name = "Calcium Well"
				var info = '<div class="mapinfo"><h1>Calcium Well<\/h1><\/div>'	
				var point = new GLatLng(39.340068,-94.222479);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",38,"well","Calcium Well",'<div class="mapinfo"><h1>Calcium Well<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "TD"
				var color = "blue"
				var number = 39
				var category = "well"
				var name = "Well No. 13"
				var info = '<div class="mapinfo"><h1>Well No. 13<\/h1><\/div>'	
				var point = new GLatLng(39.253017,-94.218260);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",39,"well","Well No. 13",'<div class="mapinfo"><h1>Well No. 13<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "SQ"
				var color = "yellow"
				var number = 40
				var category = "location"
				var name = "Excelsior Springs Bottling Co."
				var info = '<div class="mapinfo"><h1>Excelsior Springs Bottling Company<\/h1><\/div>'	
				var point = new GLatLng(39.338096,-94.227445);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",39,"well","Well No. 13",'<div class="mapinfo"><h1>Well No. 13<\/h1><\/div>')
				map.addOverlay(marker);	

				var shape = "SQ"
				var color = "yellow"
				var number = 41
				var category = "location"
				var name = "Elms Hotel"
				var info = '<div class="mapinfo"><h1><a href="http:\/\/elmsresort.com" rel="external">Elms Hotel and Spa<\/a><\/h1><\/div>'	
				var point = new GLatLng(39.336912,-94.226003);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",39,"well","Well No. 13",'<div class="mapinfo"><h1>Well No. 13<\/h1><\/div>')
				map.addOverlay(marker);

				var shape = "SQ"
				var color = "yellow"
				var number = 42
				var category = "location"
				var name = "Hall of Waters"
				var info = '<div class="mapinfo"><h1>Hall of Waters<\/h1><\/div>'	
				var point = new GLatLng(39.341453,-94.222404);
				var marker = createMarker(point,shape,color,number,category,name,info)
				//var marker = createMarker(point,"TD","blue",39,"well","Well No. 13",'<div class="mapinfo"><h1>Well No. 13<\/h1><\/div>')
				map.addOverlay(marker);				
				
				document.getElementById("side_bar").innerHTML = side_bar_html;
				
				        // == show or hide the categories initially ==
        show("well");
        show("spring");
		show("location");
        // == create the initial sidebar ==
        makeSidebar();

				  

              }
              else {
                  alert("Please Upgrade Your Browser!");
              }
          }
function myclick(i) {
	GEvent.trigger(gmarkers[i], "click");
}

// == shows all markers of a particular category, and ensures the checkbox is checked ==
function show(category) {
for (var i=0; i<gmarkers.length; i++) {
  if (gmarkers[i].mycategory == category) {
	gmarkers[i].show();
  }
}
// == check the checkbox ==
document.getElementById(category+"box").checked = true;
}

// == hides all markers of a particular category, and ensures the checkbox is cleared ==
function hide(category) {
for (var i=0; i<gmarkers.length; i++) {
  if (gmarkers[i].mycategory == category) {
	gmarkers[i].hide();
  }
}
// == clear the checkbox ==
document.getElementById(category+"box").checked = false;
// == close the info window, in case its open on a marker that we just hid
map.closeInfoWindow();
}

// == a checkbox has been clicked ==
function boxclick(box,category) {
if (box.checked) {
  show(category);
} else {
  hide(category);
}
// == rebuild the side bar
makeSidebar();
}	

function makeSidebar() {
	var html = "";
	for (var i=0; i<gmarkers.length; i++) {
		if (!gmarkers[i].isHidden()) {
		html += '<li><b>'+gmarkers[i].mynumber+'&nbsp;<\/b><a href="javascript:myclick(' + i + ')">' + gmarkers[i].myname + '<\/a><\/li>';
	  }
	}
	document.getElementById("side_bar").innerHTML = '<ul>'+html+'<\/ul>';
  }