//<![CDATA[
function Markers(area){
// map.closeInfoWindow();
map.getInfoWindow().hide() 


	if ((document.getElementById(area).checked==true) && (document.getElementById(area).id == "All Areas")) 
    { // display the marker
       for (var i=0;i<gmarkers.length;i++) 
	   {

             map.addOverlay(gmarkers[i]);
   	  		 map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
       
       }


		for(i=0;i<document.getElementsByTagName("input").length;i++)
		{
				// Check all areas if "All Areas" is selected
				if (document.getElementsByTagName("input")[i].name != "All Areas")		
				{
					document.getElementsByTagName("input")[i].checked = true;
					//document.getElementsByTagName("input")[i].disabled = true;
				}
			
			
			
		}
    }
	else if ((document.getElementById(area).checked==false) && (document.getElementById(area).id == "All Areas"))
	{

		for (var i=0;i<gmarkers.length;i++) 
	    {
              map.removeOverlay(gmarkers[i]);
        }

		for(i=0;i<document.getElementsByTagName("input").length;i++)
		{
			
				
				document.getElementsByTagName("input")[i].checked = false;
				document.getElementsByTagName("input")[i].disabled = false;
			
			
		}
	}

	if ((document.getElementById(area).checked==true) && (document.getElementById(area).id != "All Areas")) 
    { // display the marker
       for (var i=0;i<gmarkers.length;i++) 
	   {
          if (gmarkers[i].type==area)  
		  {
             map.addOverlay(gmarkers[i]);
   			 map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
          }
       }
    } 
    else 
    { // show the marker again
    	for (var i=0;i<gmarkers.length;i++) 
	    {
           if (gmarkers[i].type==area)  
		   {
              map.removeOverlay(gmarkers[i]);
			  for(i=0;i<document.getElementsByTagName("input").length;i++)
			  {
		  		  // Remove the All Areas checkbox once we deselect any of the other areas
				  if (document.getElementsByTagName("input")[i].name == "All Areas")		
		   		  {
					  document.getElementsByTagName("input")[i].checked = false;
					  //document.getElementsByTagName("input")[i].disabled = true;
				  }
           	  }
		    }

        }
    }
}

 

// global variables
var gmarkers=[];
var map;
var bounds = new GLatLngBounds();
// Create our "tiny" marker icon 
var baseIcon = new GIcon();
baseIcon.image = "images/mm_20_red.png";
baseIcon.shadow = "images/mm_20_shadow.png";
baseIcon.iconSize = new GSize(12, 20);
baseIcon.shadowSize = new GSize(22, 20);
baseIcon.iconAnchor = new GPoint(6, 20);
baseIcon.infoWindowAnchor = new GPoint(5, 1);
baseIcon.imageMap = [4,0,0,4,0,7,3,11,4,19,7,19,8,11,11,7,11,4,7,0]; 
baseIcon.transparent = "images/mm_20_transparent.png";

var icons=[];

function coloredRideshareIcon(iconArea) {
   var color;
   if ((typeof(iconArea)=="undefined") || (iconArea==null)) { 
      area = "default" 
   } else { 
      area = iconArea; 
   }
   if (!icons[iconArea]) {
      var icon = new GIcon(baseIcon);
      icon.image = "images/mm_20_"+ area +".png";
      icons[iconArea]=icon;

   } 
   return icons[iconArea];
}
	

function createMarker(point, html, iconStr) {
   bounds.extend(point);
   var icon = coloredRideshareIcon(iconStr);
   var marker = new GMarker(point, {icon: icon});
   gmarkers.push(marker);
   marker.type = iconStr; 
   GEvent.addListener(marker, "click", function () {
      // FF 1.5 fix
      var text = "<div style=\"white-space:nowrap;\"><div align=\"center\" class=\"smalltext\">"+html +"</div></div>";
      marker.openInfoWindowHtml(text);
   });
   map.addOverlay(marker);
   marker.hide();
}

function makeMap() {
   map = new GMap(document.getElementById("map"));
   map.addControl(new GSmallMapControl());

//Add other controls to top right corner of map
//   map.addControl(new GMapTypeControl());
//   map.centerAndZoom(new GPoint(-3.97729, 54.30000), 11);	
   map.setCenter(new GLatLng(43.46, -80.52), 11);
   addMarkers();
   //map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
}	

function addMarkers() {

	var point = new GLatLng(43.44967879547074, -80.48892974853515);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Kitchener,_Ontario">Click here for more info on Kitchener, ON</a></div>','Kitchener');

	var point = new GLatLng(43.46513001075185, -80.52223205566406);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Waterloo,_Ontario">Click here for more info on Waterloo, ON</a></div>','Waterloo');

	var point = new GLatLng(43.35888557904613, -80.3152084350586);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Cambridge,_Ontario">Click here for more info on Cambridge, ON</a></div>','Cambridge');

	var point = new GLatLng(43.547982, -80.250765);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Guelph,_Ontario">Click here for more info on Guelph, ON</a></div>','Guelph');


	var point = new GLatLng(43.59183023057016, -80.5610704421997);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Elmira,_Ontario">Click here for more info on Elmira, ON</a></div>','Elmira');

	var point = new GLatLng(43.541218, -80.504861);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Conestogo,_Ontario">Click here for more info on Conestogo, ON</a></div>','Conestogo');


	var point = new GLatLng(43.477449, -80.764501);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Wellesley,_Ontario">Click here for more info on Wellesley, ON</a></div>','Wellesley');


	var point = new GLatLng(43.537062, -80.55396);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/St._Jacobs,_Ontario">Click here for more info on St. Jacobs, ON</a></div>','StJacobs');
	
	var point = new GLatLng(43.523086, -80.652076);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/St._Clements,_Ontario">Click here for more info on St. Clements, ON</a></div>','StClements');



	var point = new GLatLng(43.586732, -80.482329);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/West_Montrose,_Ontario">Click here for more info on West Montrose, ON</a></div>','WestMontrose');


	var point = new GLatLng(43.377628, -80.713655);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/New_Hamburg,_Ontario">Click here for more info on New Hamburg, ON</a></div>','NewHamburg');



	var point = new GLatLng(43.523842, -80.618765);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Heidelberg,_Ontario">Click here for more info on Heidelberg, ON</a></div>','Heidelberg');


	var point = new GLatLng(43.755029, -80.671278);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Drayton,_Ontario">Click here for more info on Drayton, ON</a></div>','Drayton');



	var point = new GLatLng(43.730091, -80.5023);
	var marker = createMarker(point, '<div id="infowindow" style="white-space: nowrap;"><a target="_blank" href="http://en.wikipedia.org/wiki/Alma,_Ontario">Click here for more info on Alma, ON</a></div>','Alma');
}