/*
vashon: 47.449567,-122.457304
seattle: 47.611255,-122.325897
yakima: 46.605405,-120.507145
tacoma: 47.255699,-122.441082
olympia: 47.040241,-122.891178
portland: 45.512332,-122.675657

phoenix: 33.448738,-112.082562
denver: 39.740821,-104.992347
saltlakecity: 40.760196,-111.888113
sandiego: 32.716208,-117.161508
santabarbara: 34.420434,-119.698963
losangeles: 34.054437,-118.245249
ukiah: 39.151695,-123.207765

chicago 41.884324,-87.63236
memphis 35.151425,-90.049095 
kansascity 39.104422,-94.583015
crawford 31.534799,-97.442636
gainesville 29.652852,-82.32326 
miami 25.729511,-80.237188 
atlanta 33.748822,-84.390793
sheboygan 43.757023,-87.723598
madison 43.074217,-89.386568
baraboo 43.468899,-89.744139

newyork 40.715192,-74.007254
dc 38.912407,-77.01416
boston 42.360003,-71.056824
*/

var debug=false;
var showControls=false;

var map;

function loadMap(id) {
  
   if (GBrowserIsCompatible()) {
      map = new GMap2(document.getElementById(id));
      if (showControls) {
         map.addControl(new GSmallMapControl());
         map.addControl(new GMapTypeControl());
      } 
      if (debug) {
      GEvent.addListener(map, "moveend", function() {
        var center = map.getCenter();
        document.getElementById("debug").innerHTML = center.toString();
       });
      }
      
      centerMap();
      drawRoutes();

 
      // To add a new location: tag photos on flickr with city name, call placeMarker with lat, lng, and city name.
      placeMarker(map, 47.611255,-122.325897, "needPhotos"); // seattle
      placeMarker(map, 46.605405,-120.507145, "yakima");
      placeMarker(map, 47.255699,-122.441082, "needPhotos"); // tacoma
      placeMarker(map, 47.040241,-122.891178, "needPhotos"); // olympia 
      placeMarker(map, 45.512332,-122.675657, "needPhotos"); // portland 
      placeMarker(map, 33.448738,-112.082562, "needPhotos"); // phoenix 
      placeMarker(map, 39.740821,-104.992347, "needPhotos"); // denver 
      placeMarker(map, 40.760196,-111.888113, "needPhotos"); // saltlakecity 
      placeMarker(map, 32.716208,-117.161508, "sandiego");   
      placeMarker(map, 34.420434,-119.698963, "needPhotos"); // santabarbara 
      placeMarker(map, 34.054437,-118.245249, "needPhotos"); // losangeles 
      placeMarker(map, 39.151695,-123.207765, "needPhotos"); // ukiah 
      placeMarker(map, 41.884324,-87.63236, "needPhotos"); // chicago
      placeMarker(map, 35.151425,-90.049095, "needPhotos"); //memphis  
      placeMarker(map, 39.104422,-94.583015, "kc");  
      placeMarker(map, 31.534799,-97.442636, "crawford");  
      placeMarker(map, 29.652852,-82.32326, "needPhotos"); //gainesville  
      placeMarker(map, 25.729511,-80.237188, "needPhotos"); // miami  
      placeMarker(map, 33.748822,-84.390793, "needPhotos"); // atlanta  
      placeMarker(map, 43.757023,-87.723598, "needPhotos"); // sheboygan  
      placeMarker(map, 43.074217,-89.386568, "needPhotos"); // madison  
      placeMarker(map, 43.468899,-89.744139, "needPhotos"); // baraboo  
      placeMarker(map, 40.715192,-74.007254, "newyork"); 
      placeMarker(map, 38.912407,-77.01416, "dc");
      placeMarker(map, 42.360003,-71.056824, "needPhotos"); //boston 
      

      placeMarker(map, 38.03281387882802, -78.48967552185059, "va");
       
      GEvent.addListener(map, "infowindowclose", function() { centerMap();}); 
      
      
      
   } else { //try to show just the slide show... 
      document.getElementById(id).innerHTML = '<iframe src=http://www.flickr.com/slideShow/index.gne?user_id=7871821@N08&tags=chaingang frameBorder=0 width=800 height=700 </iframe>';
   }
   document.getElementById('bottom').innerHTML = '<h3><a href="http://www.backbonecampaign.org/chaingang.cfm"> <- back to the Chain Gang Page </a></h3>';
}
function centerMap() {
   map.setCenter(new GLatLng(39.0,-97), 5, G_NORMAL_MAP); // can also use G_SATELLITE_MAP or G_HYBRID_MAP
}

function zoomTo(lat, lng, tag) {
   map.setCenter(new GLatLng(lat,lng), 8, G_NORMAL_MAP);
}

function placeMarker(map, lat, lng, locationTag) {
   var slideShowFrame="<iframe src=http://www.flickr.com/slideShow/index.gne?user_id=7871821@N08&tags=chaingang,"+locationTag+" frameBorder=0 width=500 height=500></iframe>";
   var point = new GLatLng(lat, lng);
   if (locationTag == "needPhotos") {
      map.addOverlay(createNeedPhotoMarker(point));
   } else {
      map.addOverlay(createMarker(point, slideShowFrame));
   }
}

function createNeedPhotoMarker(point) {
  var blueIcon = new GIcon(G_DEFAULT_ICON);
  blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
  var marker = new GMarker(point, blueIcon);
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml("<h3> We need photos for this location!!! Please email us <a href=\"mailto:info@backbonecampaign.org\">info@backbonecampaign.org</a> with any chaingang photos you would like to share!</h3>");});
  return marker;  
}
function createMarker(point, slideShowFrame) {
   /*var icon = new GIcon();
  icon.image="newallspine.jpg";
  
  icon.iconSize = new GSize(30, 40);
  icon.iconAnchor = new GPoint(6, 20);
  icon.infoWindowAnchor = new GPoint(0, 40);

  var marker = new GMarker(point, icon); */
  var marker = new GMarker(point);
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(slideShowFrame);    
   
   // another slide show option   
   //marker.openInfoWindowHtml("<object width=\"500\" height=\"580\" align=\"middle\"><param name=\"FlashVars\" VALUE=\"ids=seattle&names=seattle&userName=backbone_campaign&userId=7871821@N08&titles=on&source=keyword\"></param><param name=\"PictoBrowser\" value=\"http://www.db798.com/pictobrowser.swf\"></param><param name=\"scale\" value=\"noscale\"></param><param name=\"bgcolor\" value=\"#ffffff\"></param><embed src=\"http://www.db798.com/pictobrowser.swf\" FlashVars=\"ids=seattle&names=seattle&userName=backbone_campaign&userId=7871821@N08&titles=on&source=keyword\" loop=\"false\" quality=\"best\" scale=\"noscale\" bgcolor=\"#ffffff\" width=\"500\" height=\"580\" name=\"PictoBrowser\" align=\"middle\"></embed></object>");
});
  return marker;
}


/************ playing around with window tabs (not in use)
function showShow(locationTag) {
   var slideShowFrame="<iframe src=http://www.flickr.com/slideShow/index.gne?user_id=7871821@N08&tags=chaingang,"+locationTag+" frameBorder=0 width=500 height=500></iframe>";
   var infoTabs = [
  new GInfoWindowTab(slideShowFrame),
  new GInfoWindowTab("blah, blah, blah")
];
   map.openInfoWindowHtml(map.getCenter(), slideShowFrame);
}
/*********************************************************/

function drawRoutes() {
   var blueLine = new GPolyline.fromEncoded({color: "#0000FF", weight: 13, 
   points: "iaraHzwriVvbmuAyso}@q|ke@{xgj@abfEpyai@|abp@t}d_@mzkIbrnNnnfAw|zG{pb^vfh]", 
   levels: "BBBBBBBB", zoomFactor: 32, numLevels: 4 });
  
   var greenLine = new GPolyline.fromEncoded({color: "#003300", weight: 13, 
   points: "iaraHzwriVpmcEefbJi_~BbvxJpai@`|vAlliH_bi@", 
   levels: "BBBBB", zoomFactor: 32, numLevels: 4 });
   
   var redLine = new GPolyline.fromEncoded({color: "#FF0000", weight: 13, 
   points: "_ps~FfuzuOr_bh@r_wMgacW~otZdmem@romPbqnJa_h{Azg}V_mvKug}o@`gjXgva|@~|iSpjdCpxcIwalAxydA", 
   levels: "BBBBBBBBBB", zoomFactor: 32, numLevels: 4 });
   
   var blackLine = new GPolyline.fromEncoded({color: "#000000", weight: 13, 
   points: "}dowFjpubMlb_JbhjQoj`Tgpjc@|clYfvjl@", 
   levels: "BBBB", zoomFactor: 32, numLevels: 4 });
   
   map.addOverlay(greenLine);   
   map.addOverlay(blueLine);
   map.addOverlay(redLine);
   map.addOverlay(blackLine);

}

function unLoadMap() {
   if (GBrowserIsCompatible()) {
       GUnload();
   }
}