/*
* 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.953765, -75.15648), 14, 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(39.96775, -75.13995);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(0)\">Zoom To</a></div>"  + GetDirectionForm(0);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Bar Ferdinand</div><div class=\"IWContent\"><a href=\"http://www.barferdinand.com\">Bar Ferdinand</a> is a great tapas bar in Northern Liberties.&nbsp; It has $2 glasses of house wine, $15 pitchers of sangria, and a very large and delicious selection of tapas.&nbsp; Prices are more reasonable than Amada, and it caters to a younger crowd.&nbsp; The interior is very stylish as well.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[0] = new Array(marker, "Bar Ferdinand", InfoHTML, point);
	
      point = new GLatLng(39.941476, -75.152612);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(1)\">Zoom To</a></div>"  + GetDirectionForm(1);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Beau Monde</div><div class=\"IWContent\"><a href=\"http://www.creperie-beaumonde.com\">Beau Monde</a>, though open for Brunch, Lunch and Dinner, is best enjoyed for brunch.&nbsp; It is an excellent creperie, with a very large variety of both sweet and savory crepes.&nbsp; The service is very good, and the restaurant itself is very chic.&nbsp; A great place to start a lazy sunday.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_white.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[1] = new Array(marker, "Beau Monde", InfoHTML, point);
	
      point = new GLatLng(39.939137, -75.15799);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(2)\">Zoom To</a></div>"  + GetDirectionForm(2);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Butcher's Cafe</div><div class=\"IWContent\"><a href=\"http://www.thebutcherscafe.com\">Butcher\'s Cafe</a> is at the northern beginning of the Italian Market.&nbsp; While it is a full-service restaurant, shines with its brunch menu.&nbsp; The chef, \"Chef Todd\", is the former head chef of the more famous Sabrina\'s, and took his menu with him.&nbsp; The stuffed caramelized challah french toast and the 9th street frittata are particularly good.&nbsp; A great place to eat before you go and buy your food for the week.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_white.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[2] = new Array(marker, "Butcher's Cafe", InfoHTML, point);
	
      point = new GLatLng(39.929141, -75.163989);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(3)\">Zoom To</a></div>"  + GetDirectionForm(3);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Cantina Los Caballitos</div><div class=\"IWContent\">A new hipster outpost in Passyunk East, Cantina Los Caballitos is an upscale Mexican cantina from the owners of Royal Tavern.&nbsp; It boasts a large selection of tequilas, margaritas (try the blood orange), and a number of other mixed drinks.&nbsp; Like Royal Tavern, the food is also very good, and there are always a number of daily specials.&nbsp; It also tends to have good music playing on the jukebox as well.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[3] = new Array(marker, "Cantina Los Caballitos", InfoHTML, point);
	
      point = new GLatLng(39.937978, -75.158204);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(4)\">Zoom To</a></div>"  + GetDirectionForm(4);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">DiBruno Brothers</div><div class=\"IWContent\"><a href=\"http://www.dibruno.com/\">DiBruno\'s</a> has an excellent selection of cheeses from around the world, as well as some meats and olive oil.&nbsp; The staff is extremely helpful, and allows you to try a variety of cheeses to find what you want.&nbsp; They can also be of great assistance with matching cheese to wine or other foods.&nbsp; It is best to go during the week when it is less crowded.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_brown.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[4] = new Array(marker, "DiBruno Brothers", InfoHTML, point);
	
      point = new GLatLng(39.951435, -75.169382);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(5)\">Zoom To</a></div>"  + GetDirectionForm(5);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">DiBruno Brothers Chestnut St</div><div class=\"IWContent\">As a testament to the success of the original <a href=\"http://www.dibruno.com/\">DiBruno Brothers</a>\' store, a huge new location has opened in Center City.&nbsp; With a cheese cave that is larger than the original location, this store has an enormous selection of cheeses, as well as a full range of other (largely upscale) products, including a full meat and fish selection.&nbsp; Upstairs there is a cafe as well as a demonstration kitchen, which hosts frequent wine or beer tastings.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_brown.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[5] = new Array(marker, "DiBruno Brothers Chestnut St", InfoHTML, point);
	
      point = new GLatLng(39.959047, -75.15014);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(6)\">Zoom To</a></div>"  + GetDirectionForm(6);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Electric Factory</div><div class=\"IWContent\"><a href=\"http://www.livenation.com/venue/getVenue/venueId/2440/\">The Electric Factory</a> is the largest non-stadium music venue in the city.&nbsp; Many great bands come through pretty regularly. The downside to the venue is that the 21+ sections mostly have poor views of the stage, and also less-good acoustics.&nbsp; Your best bet is to be in the general admission area to get the best view and sound.</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_blue.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[6] = new Array(marker, "Electric Factory", InfoHTML, point);
	
      point = new GLatLng(39.937416, -75.157985);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(7)\">Zoom To</a></div>"  + GetDirectionForm(7);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Esposito's</div><div class=\"IWContent\">Esposito\'s is a great butcher\'s shop in the Italian Market.&nbsp; The prices are low, and the selection is good.&nbsp; Hard to beat for the price.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_brown.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[7] = new Array(marker, "Esposito's", InfoHTML, point);
	
      point = new GLatLng(39.948203, -75.143616);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(8)\">Zoom To</a></div>"  + GetDirectionForm(8);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Eulogy</div><div class=\"IWContent\"><a href=\"http://www.eulogybar.com\">Eulogy</a> is the other place to go for a large selection of Belgian beer and food.&nbsp; Its Old City location makes it pretty crowded on the weekends, but it is a great place for a pint in the afternoon when it is less crowded.&nbsp; The music is generally great, and the bar distinguishes itself in having a room on the second floor with tables made out of coffins.&nbsp;</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[8] = new Array(marker, "Eulogy", InfoHTML, point);
	
      point = new GLatLng(39.94955601195755, -75.16079664230347);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(9)\">Zoom To</a></div>"  + GetDirectionForm(9);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Fergie's Pub</div><div class=\"IWContent\"><a href=\"http://www.fergies.com/\">Fergie\'s Pub</a>, unlike an \"authentic\" place like Fado\'s, is closer to what an Irish pub should be like.&nbsp; Fergie himself is a beer institution in the city, being the owner behind Monk\'s, Nodding Head, and Grace\'s Tavern as well.&nbsp; Fergie\'s has a nice selection of beers, and good traditional Irish pub fare on the menu.&nbsp;</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[9] = new Array(marker, "Fergie's Pub", InfoHTML, point);
	
      point = new GLatLng(39.952567, -75.176398);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(10)\">Zoom To</a></div>"  + GetDirectionForm(10);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">First Unitarian Church</div><div class=\"IWContent\">The basement of the First Unitarian Church is a common venue for R5 productions.&nbsp; It is pretty small, but you can bring your own drinks to it, which is nice.&nbsp; There are a number of smaller bands that come through, and the tickets tend to be around $10.<br><br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_blue.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[10] = new Array(marker, "First Unitarian Church", InfoHTML, point);
	
      point = new GLatLng(39.940552, -75.154478);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(11)\">Zoom To</a></div>"  + GetDirectionForm(11);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Fitzwater Cafe</div><div class=\"IWContent\">The Fitzwater cafe is a full restaurant, but its most delicious food is for breakfast and brunch. It caters largely to the neighborhood, as it does not get quite as much press as some other brunch locations, but it is usually quite packed - a testament to the food.&nbsp; The staff is always friendly, and the food is always good and occasionally amazing&nbsp; Of special note is that they have the best croissants in philadelphia, though no one seems to have noticed this yet.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_white.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[11] = new Array(marker, "Fitzwater Cafe", InfoHTML, point);
	
      point = new GLatLng(39.948671, -75.166326);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(12)\">Zoom To</a></div>"  + GetDirectionForm(12);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Good Dog</div><div class=\"IWContent\"><a href=\"http://www.gooddogbar.com/\">Good Dog</a> has a nice selection of beers on tap, and a good food menu.&nbsp; It is a bit expensive for the quality relative to some other pubs, but it is still a nice place to go. That said, the food is tasty - variations on comfort foods. &nbsp; Another advantage is its size - it is on three floors, so you have a pretty good chance of finding a place to sit.&nbsp;</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[12] = new Array(marker, "Good Dog", InfoHTML, point);
	
      point = new GLatLng(39.950421, -75.161661);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(13)\">Zoom To</a></div>"  + GetDirectionForm(13);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Grocery</div><div class=\"IWContent\">Continuing evidence of the yuppification of 13th st can be seen in Grocery, an excellent upscale food shop (with attached cafe), owned by the proprietors of Lolita.&nbsp; Besides having a nice selection of olive oils, jams, cheeses, and other fancy foods, Grocery carries frozen Lolita margarita mix.&nbsp; Very tasty.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_brown.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[13] = new Array(marker, "Grocery", InfoHTML, point);
	
      point = new GLatLng(39.963951, -75.144557);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(14)\">Zoom To</a></div>"  + GetDirectionForm(14);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Honey's Sit n Eat</div><div class=\"IWContent\"><a href=\"http://www.google.com/maps?hl=en&amp;lr=&amp;client=firefox-a&amp;q=honey%27s+sit+and+eat&amp;near=Philadelphia,+PA&amp;latlng=0,0,10389966214463721021&amp;dtab=0\">Honey\'s</a>, which serves \"jewish southern country food\" - probably the only establishment to do so - is a great place for breakfast, brunch or lunch on the western edge of Northern Liberties.&nbsp; It is a very nice country-rustic looking space, with extremely good food and great fresh-squeezed juices.&nbsp; It is probably the cheapest way to have a delicious breakfast in philadelphia - simply ordering one of their huge pancakes (get them with bananas and chocolate chips!) will be enough, and only set you back $2.50.&nbsp; <br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_white.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[14] = new Array(marker, "Honey's Sit n Eat", InfoHTML, point);
	
      point = new GLatLng(39.968954, -75.13422);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(15)\">Zoom To</a></div>"  + GetDirectionForm(15);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Johnny Brenda's</div><div class=\"IWContent\"><a href=\"http://www.johnnybrendas.com/\">Johnny Brenda\'s</a>, opened by the people that brought us Standard Tap, is the new outpost in Fishtown for people (most frequently hipsters) looking for bars that actually serve good food and play good music.&nbsp; Soon it will open a second floor to house live music and djs.&nbsp; It might prove to do for Fishtown what Standard Tap did for Northern Liberties.</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[15] = new Array(marker, "Johnny Brenda's", InfoHTML, point);
	
      point = new GLatLng(39.947292, -75.164908);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(16)\">Zoom To</a></div>"  + GetDirectionForm(16);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Kimmel Center</div><div class=\"IWContent\"><a href=\"http://www.kimmelcenter.org/\">The Kimmel Center</a> is the home to the Philadelphia Orchestra.&nbsp; The orchestra is excellent and plays frequently.&nbsp; Students can purchase tickets at a heavy discount.&nbsp; Recently, the Kimmel Center has branched out and begun occasionally hosting bands one would more typically find at the Electric Factory.</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_blue.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[16] = new Array(marker, "Kimmel Center", InfoHTML, point);
	
      point = new GLatLng(39.9474, -75.168);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(17)\">Zoom To</a></div>"  + GetDirectionForm(17);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Monk's Cafe</div><div class=\"IWContent\"><a href=\"http://www.monkscafe.com\">Monk\'s Cafe</a> is the premiere beligian bar and restaurant in the city.&nbsp; Not only does it have an extensive list of beers from Belgium and around the world, but it also has excellent food.&nbsp; The frites are the best in the city, the mussels are outstanding, and the burgers are near-perfect.&nbsp; Fancier fare is also available, and equally good.</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[17] = new Array(marker, "Monk's Cafe", InfoHTML, point);
	
      point = new GLatLng(39.940801, -75.15887);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(18)\">Zoom To</a></div>"  + GetDirectionForm(18);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Morning Glory Diner</div><div class=\"IWContent\"><a href=\"http://www.morningglory.com\">Morning Glory</a> is a well-known, and frequently packed, brunch spot on the western edge of Bella Vista.&nbsp; The food is always excellent, and in particular the biscuits are incredible.&nbsp; Very tough to beat, and the portions are always overwhelming.&nbsp; Specials are frequently interestingly different and delicious<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_white.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[18] = new Array(marker, "Morning Glory Diner", InfoHTML, point);
	
      point = new GLatLng(39.950214, -75.166205);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(19)\">Zoom To</a></div>"  + GetDirectionForm(19);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Nodding Head</div><div class=\"IWContent\"><a href=\"http://www.noddinghead.com\">Nodding Head</a> is one of the very few brewpubs in Philadelphia, and is definitely the best.&nbsp; They have a rotating selection of their beers, a number of which have won awards, on tap for very reasonable prices.&nbsp; Their food is also very good bar food.&nbsp; They have a couple of dart boards, but generally people just sit at a table or the bar and talk.&nbsp;&nbsp; The bartenders and waitresses are very friendly, which helps to create a great atmosphere</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[19] = new Array(marker, "Nodding Head", InfoHTML, point);
	
      point = new GLatLng(39.963522, -75.142686);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(20)\">Zoom To</a></div>"  + GetDirectionForm(20);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">North 3rd</div><div class=\"IWContent\"><a href=\"http://www.norththird.com/\">North 3rd </a>is the other great Northern Liberties gastropub.&nbsp; They have a great menu, serve a variety of beers (both local and a nice selection of Belgian), and have local film screenings on tuesday nights.&nbsp; It has a laid back atmosphere with an eclectic sense of style.&nbsp;</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[20] = new Array(marker, "North 3rd", InfoHTML, point);
	
      point = new GLatLng(39.953253, -75.159599);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(21)\">Zoom To</a></div>"  + GetDirectionForm(21);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Reading Terminal Market</div><div class=\"IWContent\"><a href=\"http://www.readingterminalmarket.org\">The Reading Terminal Market </a>is a large market indoors that hosts a number of different vendors, from Amish farmer\'s stands to fish markets to butchers shops to produce stands and delis. A great place to do food shopping or for lunch.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_brown.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[21] = new Array(marker, "Reading Terminal Market", InfoHTML, point);
	
      point = new GLatLng(39.93711893299021, -75.1544451713562);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(22)\">Zoom To</a></div>"  + GetDirectionForm(22);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Royal Tavern</div><div class=\"IWContent\"><a href=\"http://www.royaltavern.com\">The Royal Tavern</a> is one of the Gastropubs in Philadelphia - a bar that serves high end food without pretension.&nbsp; The beers are mostly a selection of local brews, and the food menu changes daily.&nbsp; It has a great atmosphere, but tends to be crowded on the weekend.&nbsp; The happy hour, from 3-6 during the week, has a dollar off of drinks.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[22] = new Array(marker, "Royal Tavern", InfoHTML, point);
	
      point = new GLatLng(39.938863, -75.158107);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(23)\">Zoom To</a></div>"  + GetDirectionForm(23);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Sabrina's Cafe</div><div class=\"IWContent\"><a href=\"http://www.sabrinascafe.com/\">Sabrina\'s Cafe</a> is possibly the most famous brunch spot in Philadelphia, though it is also open later for lunch and dinner.&nbsp; Because of its fame, it can be very difficult to get a table without waiting over an hour, but the food is worth the wait.&nbsp; <br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_white.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[23] = new Array(marker, "Sabrina's Cafe", InfoHTML, point);
	
      point = new GLatLng(39.964237, -75.140493);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(24)\">Zoom To</a></div>"  + GetDirectionForm(24);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Standard Tap</div><div class=\"IWContent\">The anchor of Northern Liberties.&nbsp; <a href=\"http://www.standardtap.com/\">Standard Tap</a> is the measure of gastropubs in Philadelphia.&nbsp; They serve local beers, a daily menu of great food, and they also have a nice deck to sit out on in nice weather.&nbsp;</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[24] = new Array(marker, "Standard Tap", InfoHTML, point);
	
      point = new GLatLng(39.937933, -75.158213);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(25)\">Zoom To</a></div>"  + GetDirectionForm(25);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Tallutos</div><div class=\"IWContent\"><a href=\"http://www.phillyitalianmarket.com/market/tallutos_pasta/index.html\">Tallutos</a> has delicious fresh-cut pasta as well as a variety of ravioli, amongst other things.&nbsp; The Portabello Ravioli is incredible.&nbsp; They also sell tasty pasta sauces, cheeses, olives, and a variety of prepared foods.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_brown.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[25] = new Array(marker, "Tallutos", InfoHTML, point);
	
      point = new GLatLng(39.945047, -75.158311);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(26)\">Zoom To</a></div>"  + GetDirectionForm(26);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">The Foodery</div><div class=\"IWContent\"><a href=\"http://www.fooderybeer.com/\">The Foodery</a> has the biggest selection of beers to buy in bottle or six-pack form in the city.&nbsp; It covers the best of local and American beers along with an excellent collection of international beers.&nbsp; It is a bit on the pricey side, but you can get a small discount by buying a \"mix six\" - a six pack with no more than two of any one beer.<br><br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_brown.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[26] = new Array(marker, "The Foodery", InfoHTML, point);
	
      point = new GLatLng(39.948649, -75.144219);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(27)\">Zoom To</a></div>"  + GetDirectionForm(27);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">The Khyber</div><div class=\"IWContent\"><a href=\"http://www.thekhyber.com/\">The Khyber</a> is a bar and club in Old City. It is a popular spot for bands and frequent dj nights.&nbsp; The drink specials tend to be really good as well. Unfortunately, given its location it is increasingly crowded.</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_blue.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[27] = new Array(marker, "The Khyber", InfoHTML, point);
	
      point = new GLatLng(39.953765, -75.15648);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(28)\">Zoom To</a></div>"  + GetDirectionForm(28);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">The Trocadero</div><div class=\"IWContent\"><a href=\"http://www.thetroc.com/\">The Trocadero</a>, a former Burlesque show venue, is now a music venue that attracts a number of good bands.&nbsp; On Mondays, they also play movies for only $3, which goes towards your first drink.&nbsp; It has the best 21+ section, as you actually have a good view of the stage, and seats.</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_blue.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[28] = new Array(marker, "The Trocadero", InfoHTML, point);
	
      point = new GLatLng(39.941398, -75.148473);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(29)\">Zoom To</a></div>"  + GetDirectionForm(29);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">TLA</div><div class=\"IWContent\"><a href=\"http://www.livenation.com/venue/getVenue/venueId/1681\">TLA </a>is one of the best music venues in the city.&nbsp; It is small enough to have a good view of the stage no matter where you are, and there tend to be good bands there pretty regularly.&nbsp; Tickets are pretty reasonable as well.</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_blue.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[29] = new Array(marker, "TLA", InfoHTML, point);
	
      point = new GLatLng(39.9406, -75.1559);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(30)\">Zoom To</a></div>"  + GetDirectionForm(30);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Vesuvio</div><div class=\"IWContent\"><a href=\"http://www.vesuvio-online.com/\">Vesuvio</a> is a restaurant and bar in Bella Vista, serving modern italian food.&nbsp; The best part is the bar, which has excellent drink specials throughout the week, and has a nice laid back atmosphere.&nbsp; A fishtank with overly large fish provides some entertainment, as do the tvs, pool tables, and dart board.</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[30] = new Array(marker, "Vesuvio", InfoHTML, point);
	
      point = new GLatLng(39.94997547719069, -75.16178369522095);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(31)\">Zoom To</a></div>"  + GetDirectionForm(31);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Vintage</div><div class=\"IWContent\"><a href=\"http://www.vintage-philadelphia.com/\">Vintage</a> is a new wine bar in the increasingly stylish area around 13th street between Chestnut and Walnut.&nbsp; It boasts a large wine menu, a very respectable beer menu, and french bistro food.&nbsp; The interior is very nice - upscale without being stuffy.</div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_red.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[31] = new Array(marker, "Vintage", InfoHTML, point);
	
      point = new GLatLng(39.942788, -75.157766);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(32)\">Zoom To</a></div>"  + GetDirectionForm(32);  + "</div>";

      // Define Marker
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Whole Foods</div><div class=\"IWContent\">Whole foods is, of the supermarkets in Philadelphia, the best one.&nbsp; Of course, for produce it is better to go to the Italian Market or the Reading Terminal Market, as they have much better prices.&nbsp; Meat is very good, though expensive.&nbsp; The butcher shops on the Italian market are a better bet.<br></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_brown.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[32] = new Array(marker, "Whole Foods", InfoHTML, point);
      // And finnaly create sidebar
      createSideBar();

}