﻿
if (GBrowserIsCompatible()) {
	  // === Get Query String
	  var qString = location.search.substring(4);
	
      // ==== first part of the select box ===
      var select_html = '<select onChange="handleSelected(this)">' +
                        '<option selected> - Select a location - </option>';
      // =====================================
      var gmarkers = [];
      var htmls = [];
	  var gName = [];
      var i = 0;


      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        gmarkers[i] = marker;
        htmls[i] = html;
		gName[name] = marker;
        
        // ======= Add the entry to the select box =====
        select_html += '<option> ' + name + '</option>';
        // ==========================================================
        
        i++;
        return marker;
      }


      // ======= This function handles selections from the select box ====
      // === If the dummy entry is selected, the info window is closed ==
      function handleSelected(opt) {
        var i = opt.selectedIndex - 1; 
        if (i > -1) {
          GEvent.trigger(gmarkers[i],"click");
        }
        else {
          map.closeInfoWindow();
        }
      }


// Set up the copyright information
// Each image used should indicate its copyright permissions
var myCopyright = new GCopyrightCollection("© ");
myCopyright.addCopyright(new GCopyright('Demo',
  new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)),
  0,'©2007 Google'));

// Create the tile layer overlay and 
// implement the three abstract methods                 
var tilelayer = new GTileLayer(myCopyright);
tilelayer.getTileUrl = function() { return "images/blank.jpg"; };
tilelayer.isPng = function() { return false;};
tilelayer.getOpacity = function() { return 1.0; }


  // create the map
	function initialize() {
    var myTileLayer = new GTileLayerOverlay(tilelayer);
 	var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(21.287935,-157.869415), 13);
	map.addOverlay(myTileLayer);

      
// ======= Ground Overlay ====
	var boundaries = new GLatLngBounds(new GLatLng(21.278658,-157.922716), new GLatLng(21.305849,-157.8374));
	var Level1 = new GGroundOverlay("images/levelfour.jpg"		
	, boundaries);
	map.addOverlay(Level1);
	
	  // ======= Disable Dragging & open info window ==== map.disableDragging()


	
	
	// ======= Disables Zooming====
	var mapTypes = G_DEFAULT_MAP_TYPES;
		for(var i = 0; i < mapTypes.length; i++){
			mapTypes[i].getMaximumResolution = function(latlng){ return 13;};
			mapTypes[i].getMinimumResolution = function(latlng){ return 13;};
		}
		
		
		

    // add the points    
      var point = new GLatLng(21.293213032797862, -157.9039192199707);
      var marker = createMarker(point,"AcademicEnrichmentCenter","<h4>Academic Enrichment Center</h4><ul><li>CUB 421</li><li>(509) 335-5108</li><li><a href='mailto:mss@wsu.edu'>mss@wsu.edu</a></li><li><a href='http://www.mss.wsu.edu/aec' target='blank'>www.mss.wsu.edu/aec</a></li></ul>")
      map.addOverlay(marker);
	  
	  var point = new GLatLng(21.28345619923837, -157.906494140625);
      var marker = createMarker(point,"AfricanAmericanStudentCenter","<h4>African American Student Center</h4><ul><li>CUB 420</li><li>(509) 335-2626</li><li><a href='mailto:arnold@wsu.edu'>arnold@wsu.edu</a></li><li><a href='http://www.aastudentcenter.wsu.edu/' target='blank'>www.aastudentcenter.wsu.edu/</a></li></ul>")
      map.addOverlay(marker);

      var point = new GLatLng(21.283776105685106, -157.89310455322266);
      var marker = createMarker(point,"AsianAmericanPacificIslanderStudentCenter","<h4>Asian American & Pacific Islander Student Center</h4><ul><li>CUB 414</li><li>(509) 335-1986</li><li><a href='mailto:mss@wsu.edu'>mss@wsu.edu</a></li><li><a href='http://www.aapi.wsu.edu' target='blank'>www.aapi.wsu.edu</a></li></ul>")
      map.addOverlay(marker);

      var point = new GLatLng(21.28441591649113, -157.85242080688477);
      var marker = createMarker(point,"ChicanaLatinaStudentCenter","<h4>Chicana/o Latina/o Student Center</h4><ul><li>CUB 402</li><li>(509) 335-2616</li><li><a href='mailto:chilat.center@wsu.edu'>chilat.center@wsu.edu</a></li><li><a href='http://www.chilatcenter.wsu.edu/' target='blank'>www.chilatcenter.wsu.edu</a></li></ul>")
      map.addOverlay(marker);

      var point = new GLatLng(21.292893146881223, -157.85173416137695);
      var marker = createMarker(point,"GEISORC","<h4>GEISORC</h4><ul><li>CUB 401</li><li>(509) 335-6388</li><li><a href='mailto:giesorc@wsu.edu'>giesorc@wsu.edu</a></li><li><a href='http://www.thecenter.wsu.edu' target=blank'>www.thecenter.wsu.edu</a></li></ul>")
      map.addOverlay(marker);
	  
	  	  var point = new GLatLng(21.293053089926556, -157.88);
      var marker = createMarker(point,"InterculturalCollaborationLeadershipDevelopment","<h4>Intercultural Collaboration & Leadership Development</h4><ul><li>CUB 409</li><li>(509) 335-7852 </li><li><a href='mailto:mss@wsu.edu'>mss@wsu.edu</a></li><li><a href='http://www.mss.wsu.edu/' target='blank'>www.mss.wsu.edu</a></li></ul>")
      map.addOverlay(marker); 
	  
	  var point = new GLatLng(21.28297633826363, -157.8654670715332);
      var marker = createMarker(point,"MeetingRoom406","<h4>Meeting Room 406</h4><ul><li>Visit <a href='http://www.scheduling.wsu.edu' target='blank'>scheduling.wsu.edu</a> to Reserve this Space</li></ul>")
      map.addOverlay(marker);
	  
	  var point = new GLatLng(21.293053089926556, -157.87559509277344);
      var marker = createMarker(point,"MSSAdministration","<h4>MSS Administration</h4><ul><li>CUB 409</li><li>(509) 335-7852 </li><li><a href='mailto:mss@wsu.edu'>mss@wsu.edu</a></li><li><a href='http://www.mss.wsu.edu/' target='blank'>www.mss.wsu.edu</a></li></ul>")
      map.addOverlay(marker);  
	  

      var point = new GLatLng(21.28297633826363, -157.87714004516602);
      var marker = createMarker(point,"NativeAmericanStudentCenter","<h4>Native American Student Center</h4><ul><li>CUB 410</li><li>(509) 335-8676</li><li><a href='mailto:nasc@wsu.edu'>nasc@wsu.edu</a></li><li><a href='http://www.nasc.wsu.edu/' target='blank'>www.nasc.wsu.edu</a></li></ul>")
      map.addOverlay(marker);
	  
	



   
                       
      // put the assembled side_bar_html contents into the side_bar div
     document.getElementById("selection").innerHTML = select_html;
	 
    //Get Map Value and display box
 		if (qString != "") {
          GEvent.trigger(gName[qString],"click");
        }
	 
	 
	}
}

