// Based on JavaScript provided by Peter Curtis at www.pcurtis.com
var newwindow = '';
var okToGo = false; //gets set to true in getGoogleMap() if map called from a valid host

function popWin(url) {
  if (!newwindow.closed && newwindow.location) {
    newwindow.location.href = url;
    newwindow.focus(); 
  } else {
    newwindow=window.open(url,'htmlname','width=660,height=378,resizable=1'); //imgSize + 20w,28h
  }
}

function tidy() {
  if (!newwindow.closed && newwindow.location) {
    newwindow.close(); 
  }
}



function doCleanupChores() {
  tidy(); //close popup image window
  GUnload(); //reduce memory leaks (new with gmap API v2)
}


/////////////////////////////


var map = '';

// arrays to hold copies of the markers and html used by the menus
// because the function closure trick doesnt work there
var gmarkers = [];
var htmls = [];

var Duluth_html = '';      
var TwoHrbrs_html = '';  
var SilverBay_html = '';
var Schroeder_html = '';
var GrdMarais_html = '';


/*
<li><a href="javaScript:resizeAndMoveTo(Duluth_PT,Duluth_ZM);" rel="Duluth">Duluth</a></li>
<li><a href="javaScript:resizeAndMoveTo(TwoHrbrs_PT,TwoHrbrs_ZM);" rel="TwoHrbrs">Two Harbors</a></li>
<li><a href="javaScript:resizeAndMoveTo(SilverBay_PT,SilverBay_ZM);" rel="SilverBay">Silver Bay</a></li>
<li><a href="javaScript:resizeAndMoveTo(Schroeder_PT,Schroeder_ZM);" rel="Schroeder">Schroeder</a></li>
<li><a href="javaScript:resizeAndMoveTo(GrdMarais_PT,GrdMarais_ZM);" rel="GrdMarais">Grand Marais</a></li>
*/ 



//create and set up the map
function createAndFillMap(xmlFileName) { 

   //create the map
    map = new GMap2(document.getElementById("map")); // v2?
   //map = new GMap(document.getElementById("map"));
//   map.setMapType(DEFAULT_MAP_TYPE);
   map.addControl(new GLargeMapControl());
   map.addControl(new GMapTypeControl());
   //map.centerAndZoom(START_PT, START_ZOOM); // v1
   map.setCenter(START_PT, START_ZOOM, DEFAULT_MAP_TYPE); //v2
         //v2
         GEvent.addListener(map, "click", function() {
          map.getInfoWindow().hide(); //v2
         });

   //read the data from the xml file
   var request = GXmlHttp.create();
   request.open("GET", xmlFileName, true);
   request.onreadystatechange = function() {
     if (request.readyState == 4) {
         var xmlDoc = request.responseXML;
         
         //add the title
         var mapHdg = xmlDoc.documentElement.getElementsByTagName("mapHeading")[0].firstChild.nodeValue; 
         document.getElementById("mapTitle").innerHTML = mapHdg;       
         
         //obtain the array of markers and loop through it
         var markers = xmlDoc.documentElement.getElementsByTagName("marker");
         for (var i = 0; i < markers.length; i++) {
            //obtain the attribues of each marker
            var label = markers[i].getAttribute("label");
            var lng = parseFloat(markers[i].getAttribute("lng"));
            var lat = parseFloat(markers[i].getAttribute("lat"));
            var mnuName = markers[i].getAttribute("mnuName");
            var iconColor = markers[i].getAttribute("mrkr");

            //var html = markers[i].getAttribute("html");
            // FF 1.5 fix ??
            var html = '<div style="white-space:nowrap;">' + markers[i].getAttribute("html") + '</div>';
            
            var point = new GLatLng(lat,lng);
            
            // create the marker (and set menus)
            var marker = createMarker(i,point,label,mnuName,html,iconColor);
            map.addOverlay(marker);
            //tooltips -- old API v1 method -- now done when the marker is created in createMarker
            //from: http://www.econym.demon.co.uk/googlemaps2/tooltips.htm
//            var topElement = gmarkers[i].images[0];
//            if (gmarkers[i].imageMap) {topElement = gmarkers[i].imageMap;}
//            topElement.setAttribute( "title" , label );                    
         }
      }
   }
   request.send(null);     
} //createAndFillMap



//create the marker and set up the event window
function createMarker(i,point,name,mnuName,html,iconColor) {

  var myIcon = new GIcon(baseIcon);
  myIcon.image = "./mrkrs/"+ iconColor + ".png";
  //var marker = new GMarker(point, icon);
	//add tooltip here  -- new in APIv2
	var markerOptions = { title:name, icon:myIcon };
	var marker = new GMarker(point, markerOptions);	

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  // save the info we need to use later for the sidebar
  gmarkers[i] = marker;
  htmls[i] = html;
  // add a line to the dropdown menu
  document.getElementById(mnuName).innerHTML += '<a href="javascript:myclick(' + i + ')">' + name + '</a>';

  return marker;
}


//pick up the click and opens the corresponding info window
function myclick(i) {
  gmarkers[i].openInfoWindowHtml(htmls[i]);
}

function resizeAndMoveTo(newLoc, zoomLevel) {
        //map.closeInfoWindow(); // if open - v1
        map.getInfoWindow().hide(); //v2
        //map.zoomTo(zoomLevel);
        //map.recenterOrPanToLatLng(newLoc); //v1
        //map.panTo(newLoc); //v2
        //above v2 use old zoom levels
        //use this for now
        map.setCenter(newLoc, zoomLevel);
}

function zoomAll() {
  resizeAndMoveTo(START_PT, START_ZOOM);
} 

function goToRegion(){
  // Get the values back
  var args = getArgs(); //Get the arguments
  if (args.region){ //the starting region is specified in the URL -- zoom to it
    var str = args.region.toLowerCase();
    if (str == "duluth"){
      resizeAndMoveTo(Duluth_PT,Duluth_ZM);
      }else if (str == "twohrbrs"){
      resizeAndMoveTo(TwoHrbrs_PT,TwoHrbrs_ZM);  
      }else if (str == "silverbay"){
      resizeAndMoveTo(SilverBay_PT,SilverBay_ZM);
      }else if (str == "schroeder"){
      resizeAndMoveTo(Schroeder_PT,Schroeder_ZM);
      }else if (str == "grdmarais"){
      resizeAndMoveTo(GrdMarais_PT,GrdMarais_ZM);
    } // else ignore -- already at all
  } //else ignore -- future expansion
}

/*
* This function parses comma separated name=value 
* argument pairs from the query string of the URL. 
* It stores the name=value pairs in 
* properties of an object and then returns that object
* 
* From Orielly JSB pp 244
*/
function getArgs() {
  var args = new Object();
  // Get Query String
  var query = location.search.substring(1); 
  // Split query at the comma
  var pairs = query.split("&"); 

  // Begin loop through the querystring
  for(var i = 0; i < pairs.length; i++) {
    
    // Look for "name=value"
    var pos = pairs[i].indexOf('='); 
    // if not found, skip to next
    if (pos == -1) continue; 
    // Extract the name
    var argname = pairs[i].substring(0,pos); 
    
    // Extract the value
    var value = pairs[i].substring(pos+1); 
    // Store as a property
    args[argname] = unescape(value); 
  }
  return args; // Return the Object
}


/*
* Need to use the correct google API key -- depending on if coming from mnbeaches.org or minnesotabeaches.org 
* This function writes the appropriate line...
*/
function getGoogleMap() {
  var theHost = (window.location.host).toLowerCase();
  //force lowercase
  if( theHost.indexOf("mnbeaches.org") > -1 ){
     okToGo = true;
    writeScript("http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAP7OZbLICtyy2TDitZ6VrEhSn0fzWEerSLTVGdzdoVWMAUwKRBRQaxf7zRt3EFVUg3t-N7EgzU2sThA");
  } else if( theHost.indexOf("minnesotabeaches.org") > -1 ){
     okToGo = true;
    writeScript("http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAP7OZbLICtyy2TDitZ6VrEhQxusTgL0x2RhgFmDDHuyWSFPYwuRT55suJV62MpRFU5R4bIojPIMhy8A");
  } else{
     //called from invalid URL
    okToGo = false;
  }    
}

function writeScript(src){
  var ret='<'+'script src="'+src+'"'+'type="text/javascript"><'+'/script>';
  document.write(ret);
}