//jQuery
$(document).ready(function() {
    /*
    var summary_map = jQuery('<div id="summary_map"></div>').css({
      'width': '90%',
      'height': '400px'
    }).appendTo('#map_container');
    */
	
	 $.get("/sites/all/assets/overlays/amish_shops-201003.kml",{},function(kml) {
		 var kmlStyles = "<ul>";
		 $(kml).find("Style").each(function() {
			 
			 kmlStyles += '<li>' + $(this).attr("id") + ' ' + $(this).children('IconStyle').length; + '</li>';
			 //kmlStyles += '<li>' + $(this).attr("id") + ' ' + '<img src="'+ $(this).find("href").text() +'"/></li>';

		 });
		 kmlStyles += "</ul>";
		 $("#map_legend").append(kmlStyles);
		 
	   $(kml).find("Placemark").each(function(oPlace) {
		    /*
		     * 
		    $("#map_legend").append($(oPlace).find("name").text());
		    $("#map_legend").append(": " + $(oPlace).find("description").text());
		    $("#map_legend").append(" "+ $(oPlace).find("coordinates").text());
		    $("#map_legend").append(" Style:"+$(oPlace).find("styleUrl").text()+"<br/>");
		    */ 
		  });
      });		

    $('#map_container').html('<div id="summary_map"></div>');
    $('#summary_map').css({
      'width': '99%',
      'height': '400px'
    });
    
    // initialize the map
    var mapstraction = new Mapstraction('summary_map', 'google');
    mapstraction.addControls({
      zoom: 'large',
      map_type: true
    });
    // Center map on a point
    mapstraction.setCenterAndZoom(
      new LatLonPoint(42.36,-79.04),
      9 // zoom level
    );
    //mapstraction.addOverlay("http://AmishTrail.com/sites/all/assets/overlays/amish_shops-201003.kml");
    // get locations from document
    $('.vcard').each(function() {
      var hcard = jQuery(this);
      var latitude = hcard.find('.geo .latitude').attr('title');
      var longitude = hcard.find('.geo .longitude').attr('title');
      
      var link = $(this).parents('div.node-inner').children('h2');

      // '.node-inner' .children('h2')
      var marker = new Marker(new LatLonPoint(latitude, longitude));
      marker.setInfoBubble(
        '<div class="bubble">' + link.html() + hcard.html() + '</div>'
      );
      mapstraction.addMarker(marker);

    });
  });

/**
 * var myIcon = new GIcon();
myIcon.image = 'markers/image.png';
myIcon.shadow = 'markers/shadow.png';
myIcon.iconSize = new GSize(14,14);
myIcon.shadowSize = new GSize(21,14);
myIcon.iconAnchor = new GPoint(0,14);
myIcon.infoWindowAnchor = new GPoint(7,0);
myIcon.printImage = 'markers/printImage.gif';
myIcon.mozPrintImage = 'markers/mozPrintImage.gif';
myIcon.printShadow = 'markers/printShadow.gif';
myIcon.transparent = 'markers/transparent.png';
myIcon.imageMap = [8,0,11,1,11,2,13,3,13,4,13,5,13,6,13,7,13,8,13,9,13,10,13,11,13,12,12,13,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,3,4,4,3,4,2,7,1,7,0];
*/