/* This script was created by Trevor Dowling for BaltWashUUs.org.
 * Usage without permission is expressly forbidden.
 */

/* Google Analytics tracking code */
function recordOutboundLink2(link) {
	try {
		_gaq.push(['_trackEvent', 'Outbound Links', 'Click', link]);
		setTimeout('document.location = "' + link + '"', 100);
	} catch(err) {
		if (typeof console == "object" && typeof console.log == "function")
			console.log("Unknown Error");
	}
}
  
  
var map; // this is the main Google Map object (initalized below)
var detailmap; // this is the mini detailed map for the InfoWindows
var churches = new Array(); // this is the data object array for the churches
var timer = null; // timer for mouseOver delay


/* The Church object data structure */
function Church(name, shortname, lat, lng, about, url, img, members, established, services, place, address, city, state, zip, m_address, m_city, m_state, m_zip, email, phone, fax, accessibility) {
  this.name = name;
  
  if (shortname)
    this.shortname = shortname;
  else
    this.shortname = name;
  
  this.lat = lat;
  this.lng = lng;
  this.about = about;
  this.url = url;
  
  this.members = members;
  this.established = established;
  this.services = services;
  
  if (img)
    this.img = map_path + "/" + img;
  else
    this.img = "http://www.uua.org/ads/square/images/banner.gif";

  this.place = place;
  this.address = address;
  this.city = city;
  this.state = state;
  this.zip = zip;
  
  this.m_address = m_address;
  if (m_city)  this.m_city = m_city;
  else         this.m_city = city;
  if (m_state) this.m_state = m_state;
  else         this.m_state = state;
  if (m_zip)   this.m_zip = m_zip;
  else         this.m_zip = zip;
  
  this.email = email;
  this.phone = phone;
  this.fax = fax;
  
  if (accessibility)
    this.accessibility = accessibility.split(",");
  
  this.link = null;
  this.point = null;
  this.marker = null;
}

Church.prototype.createMarker = function() {
  if (!this.point)
    return null;

  this.marker = new GMarker(this.point, {title:this.name + " (click for more info)"});
  GEvent.bind(this.marker, "click", this, this.openInfoWindow);
  GEvent.bind(this.marker, "mouseover", this, this.highlightLink);
  GEvent.addListener(this.marker, "mouseout", clearHlLinks);
  
  return this.marker;
}

Church.prototype.highlightLink = function() {
  clearHlLinks();

  if (this.link.className.indexOf("sidebarLinks_sel") != -1)
    return;
    
  this.link.className = "sidebarLinks_hl";
}

Church.prototype.createLink = function(num) {
  this.link = document.createElement("TR");
  
  var cell = document.createElement("TD");
  this.link.appendChild(cell);
  
  if (this.url) {
    var a = document.createElement("A");
    cell.appendChild(a);
  
    a.innerHTML = this.shortname;
    a.setAttribute("href", this.url);
	a.setAttribute("onClick","recordOutboundLink2(\"" + a.href + "\"); return false;");
	
/* Second try at new code: a.setAttribute("onClick","javascript: _gaq.push(\"/_trackPageview/\",\"/outgoing/" + this.url + "\");"); */
	
/* Previous Google Analytics code: ("onClick", "javascript: pageTracker._trackPageview(\"/outgoing/" + this.url + "\");"); */
	
  } else
    cell.innerHTML = this.shortname;
    
  var cell = document.createElement("TD");
  this.link.appendChild(cell);
  
  if (this.state.indexOf("DC") != -1)
    cell.innerHTML = this.address;
  else
    cell.innerHTML = this.city;
  
  this.link.className = "sidebarLinks";
  eval("this.link.onmouseover = function() {openInfoWindowTimed("+num+");};");
  eval("this.link.onmouseout  = function() {clearInfoWindowTime("+num+");};");
  
  /* // The following does not work in IE for some reason, replaced with above
  this.link.setAttribute("onMouseOver", "openInfoWindowTimed("+num+")");
  this.link.setAttribute("onMouseOut", "clearInfoWindowTime("+num+")");
  */
  this.link.style['width'] = '100%';

  return this.link;
}

function openInfoWindowTimed(num) {
  if (timer)
    clearTimeout(timer);
  timer = setTimeout('churches['+num+'].openInfoWindow()', 550);
}

function clearInfoWindowTime(num) {
  clearTimeout(timer);
  timer = null;
}

Church.prototype.openInfoWindow = function() {
  if (!this.point)
    this.point = new GLatLng(39.1,-76.85);
  else {
    // if the infoWindow is already opened at this marker, don't re-open.
  
    var iw = map.getInfoWindow();
    if (iw && !iw.isHidden()) {
      pt = iw.getPoint();
      if (pt && pt.equals(this.point))
        return;
    }
  }

  var info = "<div id='information' class='infoWindow'>";
  info    += "\n<div class='infoWindow_name'>" + this.name + "</div>";
  info    += "\n<div class='infoWindow_about'>";
  if (this.about)
    info  +="&quot;" + this.about + "&quot;";
  info    += "</div>";
  info    += "\n<div class='infoWindow_right'>";
  info    += "\n<div class='infoWindow_image'><a href='" + this.url + "' onClick='recordOutboundLink2(\"" + this.url + "\"); return false;' /><center><img src='" + this.img + "' /></center><center style='font-size:10pt; font-weight:bold; text-decoration: underline;'>Visit our website</center></a></div>";
  if (this.accessibility) {
    info  += "\n<br /><div class='infoWindow_accessibility'>";
    for (var i = 0; i < this.accessibility.length; i++) {
      if (this.accessibility[i] == "blind")
        info += "<img src='" + map_path + "/images/accessibility/blind.png' alt='Access (other than large print or Braille)' title='Access (other than large print or Braille)' />";
      if (this.accessibility[i] == "wheelchair")
        info += "<img src='" + map_path + "/images/accessibility/wheelchair.png' alt='International Access Symbol' title='Wheelchair Accessibility' />";
      if (this.accessibility[i] == "audio")
        info += "<img src='" + map_path + "/images/accessibility/audio.png' alt='Live Audio Description' title='Live Audio Description' />";
      if (this.accessibility[i] == "tty_ttd")
        info += "<img src='" + map_path + "/images/accessibility/tty_ttd.png' alt='TTY/TTD' title='TTY/TTD' />";
      if (this.accessibility[i] == "phone")
        info += "<img src='" + map_path + "/images/accessibility/phone.png' alt='Volume Control Telephone' title='Volume Control Telephone' />";
      if (this.accessibility[i] == "listening")
        info += "<img src='" + map_path + "/images/accessibility/listening.png' alt='Assistive Listening Systems' title='Assistive Listening Systems' />";
      if (this.accessibility[i] == "sign")
        info += "<img src='" + map_path + "/images/accessibility/sign.png' alt='Sign Language Interpretation' title='Sign Language Interpretation' />";
      if (this.accessibility[i] == "print")
        info += "<img src='" + map_path + "/images/accessibility/SmallLargePrintSymbol.gif' alt='Accessible Print' title='Accessible Print' />";
      if (this.accessibility[i] == "info")
        info += "<img src='" + map_path + "/images/accessibility/info.png' alt='Information' title='Information' />";
      if (this.accessibility[i] == "cc")
        info += "<img src='" + map_path + "/images/accessibility/cc.png' alt='Closed Captioning' title='Closed Captioning' />";
      if (this.accessibility[i] == "oc")
        info += "<img src='" + map_path + "/images/accessibility/oc.png' alt='Open Captioning' title='Open Captioning' />";
      if (this.accessibility[i] == "braille")
        info += "<img src='" + map_path + "/images/accessibility/braille.png' alt='Braille' title='Braille' />";
    if (this.accessibility[i] == "welcoming")
        info += "<img src='" + map_path + "/images/accessibility/welcomingcongregation.gif' alt='Welcoming Congregation' title='GBLT Welcoming' />";
    }
    info  += "</div>";
  }
  info    += "\n</div>";
  if (this.established || this.members || this.services)
    info  += "\n<ul style='padding: 0px; padding-left: 14px; margin: 0px;'>"
  if (this.members)
    info  += "\n<li>" + this.members + " members.</li>"
  if (this.established)
    info  += "\n<li>Established in " + this.established + ".</li>";
  if (this.services)
    info  += "\n<li>" + this.services + "</li>";
  if (this.established || this.members || this.services)
    info  += "\n</ul>";
  info    += "\n<br /><u>Meeting Address</u>";
  if (this.place)
    info  += "\n<br />" + this.place;
  info    += "\n<br />" + this.address;
  info    += "\n<br />" + this.city + ", " + this.state + " " + this.zip + "<br />";
  if (this.m_address) {
    info  += "\n<br /><u>Mailing Address</u>";
    info  += "\n<br />" + this.m_address;
    info  += "\n<br />" + this.m_city + ", " + this.m_state + " " + this.m_zip + "<br />";
  }
  
  if (this.phone)
    info  += "\n<br />Phone: " + this.phone;
    
  if (this.fax)
    info  += "\n<br />Fax: " + this.fax;
  
  if (this.email) {
    var email = this.email.split("@");
    info  += "\n<br />E-Mail: <a href=" + '"' + "javascript:noSpam('" + email[0] + "','" + email[1] + "');" + '">' + email[0] + "<i>&#64;</i>" + email[1] + "</a>";
  }
  
  info    += "\n</div>";
  
  var dirs = "<div id='directions' class='infoWindow'>";
  
  var addr = this.address + ", " + this.city + ", " + this.state + " " + this.zip;
  
  dirs    += "\n<br /><br /><form method='get' action='http://maps.google.com/maps' target='_new'>";
  dirs    += "\nType your address here:<br />";
  dirs    += "\n<input type='text' id='saddr' name='saddr' style='width: 100%' /><br />";
  dirs    += "\n<center><input type='submit' target='_new' value='Get Directions' /><br /><br /><input type='image' target='_new' src='http://www.google.com/intl/en_us/mapfiles/poweredby.png' /></center>";
  dirs    += "\n<input type='hidden' name='daddr' value='" + addr + "' />";
  dirs    += "\n<input type='hidden' name='hl' value='en' />";
  dirs    += "\n</form>";
  
  dirs    += "\n<br /><center><a href='" + this.url + "' onClick='recordOutboundLink2(\"" + this.url + "\"); return false;' /><i>For official directions to this church, visit their website.</i></a></center>";

  dirs    += "\n</div>";

  var infoTabs = [
    new GInfoWindowTab("Information", info),
    new GInfoWindowTab("Magnify", '<div id="detailmap" style="width: 350px; height: 300px"></div>'),
    new GInfoWindowTab("Directions", dirs)
  ];
  
  // remove all the style changes
  clearSelLinks();

  this.link.className = "sidebarLinks_sel";
  
  map.closeInfoWindow();
  
  //map.panTo(this.point);
  //this.marker.showMapBlowup();
  if (this.marker)
    this.marker.openInfoWindowTabsHtml(infoTabs, {maxWidth: 350});
  else
    map.openInfoWindowTabsHtml(this.point, infoTabs, {maxWidth: 350});
  GEvent.addListener(map.getInfoWindow(), "closeclick", clearSelLinks);
  var point = this.point;
  var delay = function() {
    var input = document.getElementById("saddr");
    if (input)
      input.focus();
	detailmap = new GMap2(document.getElementById("detailmap"), {size: new GSize(350,300)});
	
	detailmap.setCenter(point, 15);
	detailmap.addControl(new GSmallZoomControl());
	detailmap.enableDoubleClickZoom();
	detailmap.enableContinuousZoom();
	detailmap.setMapType(G_HYBRID_MAP);
	//detailmap.addControl(new GMapTypeControl());
	
	detailmap.addOverlay(new GMarker(point));
  };
  setTimeout(delay, 500);
}

function clearSelLinks(which) {
  for (var i = 0; i < churches.length; i++) {
    if (churches[i].link.className.indexOf("sidebarLinks_sel") != -1)
      churches[i].link.className = "sidebarLinks";
  }
}

function clearHlLinks(which) {
  for (var i = 0; i < churches.length; i++) {
    if (churches[i].link.className.indexOf("sidebarLinks_hl") != -1)
      churches[i].link.className = "sidebarLinks";
  }
}

/* This is the "Reset" control object */
function GResetControl() {}
GResetControl.prototype = new GControl(false, false);

GResetControl.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(100, 8));
}

GResetControl.prototype.initialize = function(map) {
  var button = document.createElement("div");
  this.setButtonStyle(button);
  button.appendChild(document.createTextNode("Reset Map"));
  GEvent.addDomListener(button, "click", resetMap);

  map.getContainer().appendChild(button);
  return button;
}

GResetControl.prototype.setButtonStyle = function(button) {
//  button.style.textDecoration = "underline";
  button.style.fontSize = "9pt";
  button.style.color = "black";
  button.style.backgroundColor = "white";
  button.style.font = "small Arial";
  button.style.border = "1px solid black";
  button.style.padding = "1px";
  button.style.marginBottom = "3px";
  button.style.textAlign = "center";
  button.style.width = "6em";
  button.style.cursor = "pointer";
}

function resetMap() {
  map.closeInfoWindow();
  map.setCenter(new GLatLng(39.012701,-77.090609), 9);
  map.setMapType(G_NORMAL_MAP);
  clearSelLinks();
  clearHlLinks()
}

/* Load the map */
function GLoad() {
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("map"));
    map.enableContinuousZoom();
    map.setUIToDefault();
    //map.addControl(new GLargeMapControl());
    //map.addControl(new GMapTypeControl());
    map.addControl(new GResetControl());
    resetMap();
    
    // Read the data from the XML file
    var request = GXmlHttp.create();
    request.open("GET", map_path + "/map.xml", true);
    request.onreadystatechange = function() {
      if (request.readyState == 4) {
        var xmlDoc = request.responseXML;
        
        var sidebar_dc = document.getElementById("sidebar_dc");
        var sidebar_md = document.getElementById("sidebar_md");
        var sidebar_va = document.getElementById("sidebar_va");
        
        // obtain the array of churches and loop through it
        var church_data = xmlDoc.documentElement.getElementsByTagName("church");
        
        for (var i = 0; i < church_data.length; i++) {
          // create the church object array
          churches[i] = new Church(
            church_data[i].getAttribute("name"),
            church_data[i].getAttribute("shortname"),
            parseFloat(church_data[i].getAttribute("lat")),
            parseFloat(church_data[i].getAttribute("lng")),
            church_data[i].getAttribute("about"),
            church_data[i].getAttribute("url"),
            church_data[i].getAttribute("img"),
            church_data[i].getAttribute("members"),
            church_data[i].getAttribute("established"),
            church_data[i].getAttribute("services"),
            church_data[i].getAttribute("place"),
            church_data[i].getAttribute("address"),
            church_data[i].getAttribute("city"),
            church_data[i].getAttribute("state"),
            church_data[i].getAttribute("zip"),
            church_data[i].getAttribute("m_address"),
            church_data[i].getAttribute("m_city"),
            church_data[i].getAttribute("m_state"),
            church_data[i].getAttribute("m_zip"),
            church_data[i].getAttribute("email"),
            church_data[i].getAttribute("phone"),
            church_data[i].getAttribute("fax"),
            church_data[i].getAttribute("accessibility")
          );
          if (churches[i].lat && churches[i].lng) {
            churches[i].point = new GLatLng(churches[i].lat, churches[i].lng);
          
            // create the marker
            map.addOverlay(churches[i].createMarker());
          }
          
          // create the link on the sidebar
          if (churches[i].state.indexOf("DC") != -1)
            sidebar_dc.appendChild(churches[i].createLink(i));
          if (churches[i].state.indexOf("MD") != -1)
            sidebar_md.appendChild(churches[i].createLink(i));
          if (churches[i].state.indexOf("VA") != -1)
            sidebar_va.appendChild(churches[i].createLink(i));
        }
      }
    }
    request.send(null);

  }
}