/*
* Copyright (c) 2005-2006 Andriy Bidochko.  
* http://www.mapbuilder.net
*
* The script has been generated by MapBuilder.net service and released to the customer under 
* The GNU General Public License (GPL), which can be found at: http://www.opensource.org/licenses/gpl-license.php
* 
* This program is free software; you can redistribute it and/or modify it under the terms of the 
* GNU General Public License as published by the Free Software Foundation; 
* either version 2 of the License, or any later version.
* 
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the 
* implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License 
* for more details.
*/


//That function will return the element of the array returned by map.getMapTypes() that identifies the current map
function getCurrentMapTypeNumber(oMap){
  var type=-1;
  for(var ix=0;ix<oMap.getMapTypes().length;ix++){
    if(oMap.getMapTypes()[ix]==oMap.getCurrentMapType())
      type=ix;
  }
  return type;

} 

// Creates a marker whose info window displays the given number
function createMarker(point, html, icon, oOptions) {
  if (usePDMarker)
  {
  	var marker = new PdMarker(point, icon, oOptions.label);
  	/* Doesn't work in APIs > 2.64
  	 * marker.setTooltip(oOptions.label);
  	 * marker.setOpacity((oOptions.opasity ? oOptions.opasity : 100));
  	 */
  }
  else
  {
  	var marker = new GMarker(point, icon);
  }

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });

  return marker;
}

// Zoom map to. Used from InfoWindow
function ZoomMapTo(num) {
  // Get current zoom level
  var currentZoom = map.getZoom();
  // Re-center map
  newzoom = (currentZoom > 17) ? 17 : ((currentZoom == 0) ? 0 : (currentZoom + 1));
  //V2-V1 compatability 
  map.setCenter(aLocations[num][3], newzoom);
}

// Function is called when sidebar item is clicked or we are dealing with group boxes.
function myInfoWindowHtml(num)
{
  // Map rendering with open info window is very slow. Lets center map first.
  map.setCenter(aLocations[num][3]);
  // Use markeropenInfoWindowHtml(html)
  aLocations[num][0].openInfoWindowHtml(aLocations[num][2]);
}

/* Side Bar */

// Creates a locations list and put it into side bar
function createSideBar() {
  var oUL = document.createElement("ul");
  // write links into document.
  for (var i=0; i<aLocations.length; i++) {
    var linkElem = document.createElement("a");
    var listElem = document.createElement("li");
    linkElem.innerHTML = aLocations[i][1];

    // must use this approach instead.
    linkElem.href = "javascript:myInfoWindowHtml(" + i + ");";
    listElem.appendChild(linkElem);
    oUL.appendChild(listElem);
  }
  try 
  {
	  document.getElementById("LocationList").appendChild(oUL);
  }
  catch(e)
  {
  	// do nothing
  }

}


// Function is called to show/hide location list 
var LocationListVisible = true;
function ProcessLocationList()
{
  if (LocationListVisible)
  {
    // Hide sidebar
    document.getElementById("LocationList").style.display="none";
    document.getElementById("SideBarActionLink").innerHTML = "+";
  }
  else
  {
    // Show sidebar
    document.getElementById("LocationList").style.display="block";
    document.getElementById("SideBarActionLink").innerHTML = "-";
  }
  LocationListVisible = !LocationListVisible;
}

/* EOF Side Bar */

/* Directions */
var MBDirectionFormBox = false; 

function  MBDirectionFormState(mode, force) {

  var MBCurrID = document.getElementById("MBLocID").value;
  document.getElementById("addr1").value = aLocations[MBCurrID][0].getPoint().lat() + ", " + aLocations[MBCurrID][0].getPoint().lng() + " ("+ aLocations[MBCurrID][1] +")";
  if (mode=='to') {
    document.getElementById("MBDirectionAddr").innerHTML = 'Start address';
    document.getElementById("addr1").name = 'daddr';
    document.getElementById("addr2").name = 'saddr';
  }
  else {
    document.getElementById("MBDirectionAddr").innerHTML = 'End address';
    document.getElementById("addr1").name = 'saddr';
    document.getElementById("addr2").name = 'daddr';
  }

  if (force) {
    document.getElementById('MBDirectionForm').style.display = (MBDirectionFormBox ? 'none' : 'block');
  }
  else {
    document.getElementById('MBDirectionForm').style.display = 'block';
  }
  MBDirectionFormBox = (!MBDirectionFormBox);
}

// Print Directions Form
function GetDirectionForm(LocID) {
  return "<div class=\"IWDirections\">[<a onclick=\"MBDirectionFormState('to', true);\" href=\"javascript:void(0)\">+</a>] Directions:&nbsp;<a onclick=\"MBDirectionFormState('to', false);\" href=\"javascript:void(0)\">To here</a>&nbsp;-&nbsp;<a onclick=\"MBDirectionFormState('from', false);\" href=\"javascript:void(0)\">From here</a><div id=\"MBDirectionForm\" style=\"display:none\"><form action=\"http://maps.google.com/maps\" target=\"_blank\" method=\"get\"><input id=\"addr1\" name=\"daddr\" value=\"0,0(NAME)\" type=\"hidden\"><input id=\"MBLocID\" name=\"MBLocID\" value=\""+LocID+"\" type=\"hidden\"><div id=\"MBDirectionAddr\" style=\"padding-top: 0.2em; width: 290px;\">Start address</div><div style=\"width: 290px;\"><input value=\"\" id=\"addr2\" style=\"width: 16em;\" name=\"saddr\" onload=\"this.select()\" type=\"text\"></div><div style=\"width: 290px;\"><input value=\"Get Directions\" type=\"submit\"></div></form></div></div>"
}
GetGoogleMapsAPIVersion = function() {
    var v = 0;
    var scripts = document.getElementsByTagName("SCRIPT")
    for (var i=0; i<scripts.length; i++) {
        var pattern = /\/maps([0-9])?(\.?[0-9]+)(\.api)?\.js/;
        var m = pattern.exec(scripts[i].src);
        if (m != null) {
            if (m[1] == null) { v = parseFloat('1'+m[2]); }
            else { v = parseFloat(m[1]+m[2]); }
            break;
        }
    }
    return v;
}

function MapBuilder(oMap){ 
    /* Insert MapBuilder Logo */
    var info=document.createElement('div');
    info.id='MapBuilderInfo';
    info.style.position='absolute';
    info.style.right='1px';
    info.style.bottom='25px';
    info.style.backgroundColor='transparent';
    info.style.zIndex=25500;
    		info.innerHTML='<a id="CreatedByMapBuilder" href="http://www.mapbuilder.net" title="Powered by MapBuilder.net v2.02"><img src="http://mapbuilder.net/img/mo24.gif" alt="Powered By MapBuilder.net v2.02" style="border:0; margin: 2px;"/></a>';
        oMap.getContainer().appendChild(info);
}


    // Global Variables
    // set map variable
    var map = null;
    //set up array of locations
    var aLocations = new Array;

    /*************************** Configuration Options ***************************/
    /*PDMarker is used to display tooltips when the user hovers over the markers.
    * PDMarker is a LGPL library provided by Peter Jones. 
    * For details see http://wwww.pixeldevelopment.com/pdmarker.asp
    */
    var usePDMarker = false;

    // Create a base "tiny" red  icon that specifies the shadow, icon dimensions, etc.
    var iconsm = new GIcon();
    iconsm.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
    iconsm.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
    iconsm.iconSize = new GSize(12, 20);
    iconsm.shadowSize = new GSize(20, 18);
    iconsm.iconAnchor = new GPoint(6, 20);
    iconsm.infoWindowAnchor = new GPoint(5, 1);

    // Create a base "large" red icon that specifies the shadow, icon dimensions, etc.
    var iconbig = new GIcon();
    iconbig.image = "http://www.google.com/mapfiles/marker.png";
    iconbig.shadow = "http://www.google.com/mapfiles/shadow50.png";
    iconbig.iconSize = new GSize(20, 34);
    iconbig.shadowSize = new GSize(37, 34);
    iconbig.iconAnchor = new GPoint(6, 34);
    iconbig.infoWindowAnchor = new GPoint(5, 1);

    // Custom Icon
    var iconcustom = new GIcon(iconbig);
    iconcustom.shadow = '';


MapBuilder.prototype.renderMap=function(){
  //Render Map Locations 
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      // Center the map to the default location and set map type
      map.setCenter(new GLatLng(39.707186656827, -94.5703125), 3, map.getMapTypes()[0]);
      	  
      // Initialize variables
      var point = null;
      var footerHtml = null;
      var InfoHTML = null;
      var marker = null;
      /* Options used for PDMarker initialization:
      * label: tooltip text
      * opasity: tooltip opasity
      */
      var options = {};

      // Add locations
	
      point = new GLatLng(61.215192, -149.897694);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(0)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Alaska Teen Media Institute</div><div class=\"IWContent\"><img src=\"file:///C:/DOCUME%7E1/carmens/LOCALS%7E1/Temp/moz-screenshot-11.jpg\" alt=\"\"><img src=\"file:///C:/DOCUME%7E1/carmens/LOCALS%7E1/Temp/moz-screenshot-12.jpg\" alt=\"\"><img alt=\"Tonei Glavinic\" src=\"http://www.kuow.org/specials/ourtime/map/tg.jpg\" align=\"left\" border=\"1\" height=\"140\" width=\"NaN\">In Anchorage, some students get school credit to work on political campaigns. <b>Tonei Glavenic</b> finds they learn a lot about political work, including that it\'s often what you\'d call... boring.<img src=\"file:///C:/DOCUME%7E1/carmens/LOCALS%7E1/Temp/moz-screenshot-13.jpg\" alt=\"\"></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_white.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[0] = new Array(marker, "Alaska Teen Media Institute", InfoHTML, point);
	
      point = new GLatLng(43.66151, -70.27571);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(1)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Blunt Youth Radio Project</div><div class=\"IWContent\"><img alt=\"Charlie Thaxton\" src=\"http://www.kuow.org/specials/ourtime/map/ct.jpg\" align=\"left\" border=\"1\" height=\"90\" width=\"133\">In 1969 the Supreme Court ruled that \"students do not shed their constitutional rights... at the schoolhouse gate\" and could protest the Vietnam War in school. What rights do protesting students have today?<br>Produced by <b>Charlie Thaxton</b>.</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_blue.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[1] = new Array(marker, "Blunt Youth Radio Project", InfoHTML, point);
	
      point = new GLatLng(41.82482, -87.686744);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(2)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Curie Youth Radio</div><div class=\"IWContent\"><img alt=\"Omar Macias\" src=\"http://www.kuow.org/specials/ourtime/map/om.jpg\" align=\"left\" border=\"1\" height=\"150\" width=\"115\"><b>Omar Macias</b> fought his mother over whether he could join the Marines. When he turned 18, it was his choice. He wrote this plea to his mom, in hopes she\'d understand his decision.</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_yellow.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[2] = new Array(marker, "Curie Youth Radio", InfoHTML, point);
	
      point = new GLatLng(48.081575, -121.969279);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(3)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Granite Falls, WA</div><div class=\"IWContent\"><img alt=\"Molly McGill\" src=\"http://www.kuow.org/specials/ourtime/map/mm.jpg\" align=\"left\" border=\"1\" height=\"150\" width=\"147\"><b>Molly McGill\'s</b> family always assumed her brother would join the army and Molly would go to college. But Molly\'s still thinking of signing up for the service. She goes on a personal investigation to find out if it\'s right for her. </div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_white.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[3] = new Array(marker, "Granite Falls, WA", InfoHTML, point);
	
      point = new GLatLng(38.353944, -122.721381);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(4)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">KRCB's Voice of Youth</div><div class=\"IWContent\"><img alt=\"Greg Shimada\" src=\"http://www.kuow.org/specials/ourtime/map/gs.jpg\" align=\"left\" border=\"1\" height=\"105\" width=\"150\"><b>Greg Shimada</b> likes to go on late night graffiti missions and listens to music politicians complain about. So imagine his surprise when he found himself eating caviar with former Speaker of the House Newt Gingrich. We go along for the ride.<br></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_black.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[4] = new Array(marker, "KRCB's Voice of Youth", InfoHTML, point);
	
      point = new GLatLng(47.661752, -122.312902);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(5)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">KUOW's Weekday High</div><div class=\"IWContent\"><img alt=\"Lillian Warner\" src=\"http://www.kuow.org/specials/ourtime/map/lw.jpg\" border=\"1\" height=\"140\" width=\"140\"> <img alt=\"Bryce Jacobson\" src=\"http://www.kuow.org/specials/ourtime/map/bj.jpg\" border=\"1\" height=\"140\" width=\"140\"><br><p>&nbsp;Between volunteering, sports, school, jobs, family and friends, a lot of teens don\'t have the time to learn \"jack squat\" about politics. <b>Lillian Warner </b>investigates.  <b>Bryce Jacobson</b> is a junior at a private Christian school in a small, conservative town. He\'s generally apathetic toward politics. But he realizes he\'s been an activist in one way: by coming out.</p></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_purple.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[5] = new Array(marker, "KUOW's Weekday High", InfoHTML, point);
	
      point = new GLatLng(43.638815, -70.311152);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(6)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Long Creek Youth Development Center</div><div class=\"IWContent\"><img src=\"http://www.kuow.org/specials/ourtime/map/b.jpg\" alt=\"Branden\" align=\"left\" border=\"1\" height=\"79\" width=\"120\">Maine is one of the few states that lets inmates vote. <b>Branden\'s</b> locked up in a juvenile detention center in Maine. He asks 18-year-old inmates if they\'re going to exercise their right to vote.</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[6] = new Array(marker, "Long Creek Youth Development Center", InfoHTML, point);
	
      point = new GLatLng(42.36679, -71.106019);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(7)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Terrascope Youth Radio</div><div class=\"IWContent\"><img src=\"http://www.kuow.org/specials/ourtime/map/ts.jpg\" alt=\"Aaron King, Fahim Sinha and Nelson Dow\" align=\"left\" border=\"1\" height=\"150\" width=\"106\">If you don\'t do something to stop global warming, you \"might as well shoot your children, because that\'s who you\'re killing.\" So say these Cambridge, Mass. teens. They got into politics and made this rap.<br>Produced by <b>Aaron King</b>, <b>Fahim Sinha </b>and <b>Nelson Dow</b>.<br></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_blue.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[7] = new Array(marker, "Terrascope Youth Radio", InfoHTML, point);
	
      point = new GLatLng(36.00002, -78.909239);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(8)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Youth Noise Network</div><div class=\"IWContent\"><img src=\"http://www.kuow.org/specials/ourtime/map/le.jpg\" alt=\"Lena Eckert-Erdheim\" align=\"left\" border=\"1\" height=\"150\" width=\"141\"><b>Lena Eckert-Erdheim</b> started protesting the war in Iraq before it began. But she started to think that protests don\'t make much difference. She went to a corner in downtown Durham to ask a middle aged man, Alan Wolf, why he protests there every week.</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_brown.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[8] = new Array(marker, "Youth Noise Network", InfoHTML, point);
	
      point = new GLatLng(47.658646, -122.312978);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(9)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Youth Speaks Seattle @ Cafe Allegro</div><div class=\"IWContent\"><img alt=\"Corbin Bugni\" src=\"http://www.kuow.org/specials/ourtime/map/cb.jpg\" align=\"left\" border=\"1\" height=\"127\" width=\"170\"><b>Corbin Bugni\'s</b> brother is fighting in Iraq. Corbin reflects on his own anger and fear, and the wars he feels drawn into every day.<br></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_green.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[9] = new Array(marker, "Youth Speaks Seattle @ Cafe Allegro", InfoHTML, point);
      // And finnaly create sidebar
      createSideBar();

}