// JavaScript Document

var globalMap;

/* Marker base */		
		
var baseIcon = new GIcon();
//baseIcon.shadow = "http://www.marsiaj.it/sovenice/markers/marker_shadow.png";
baseIcon.shadow = "/markers/marker_shadow.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

// Creates a marker whose info window displays the letter corresponding
// to the given index.
function createMarker(point, index, color, location,title) {
  // Create a lettered icon for this point using our icon class
//  var letter = String.fromCharCode("a".charCodeAt(0) + index);
  var letter = String.fromCharCode("@".charCodeAt(0) + index);
  var letteredIcon = new GIcon(baseIcon);
  if (index<1) letter='';
  letteredIcon.image = "/markers/" + color + "/marker" + letter + ".png";
//  letteredIcon.image = "http://www.marsiaj.it/sovenice/markers/marker_" + letter + ".png";
  
  // Set up our GMarkerOptions object
  var tooltip = title;
  markerOptions = { icon:letteredIcon, title:tooltip };
  var marker = new GMarker(point, markerOptions);

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

function load(startLat,startLong,startZoom) {
	  var map = new GMap2(document.getElementById("map"));
	  globalMap=map;
      if (GBrowserIsCompatible()) {
	  /********************************/
			GEvent.addListener(map, "moveend", function() {
			  var center = map.getCenter();
			  document.getElementById("message").innerHTML = "map center: "+center.toString();
			});
	  /********************************/		
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(startLat,startLong), startZoom);
				
//		map.openInfoWindow(map.getCenter(),document.createTextNode("Hello, world"));
		
		// Add 10 markers in random locations on the map
/*
		var bounds = map.getBounds();
		var southWest = bounds.getSouthWest();
		var northEast = bounds.getNorthEast();
		var lngSpan = northEast.lng() - southWest.lng();
		var latSpan = northEast.lat() - southWest.lat();
		for (var i = 0; i < 10; i++) {
		  var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
								  southWest.lng() + lngSpan * Math.random());
		  map.addOverlay(new GMarker(point));
		}
		
		// Add a polyline with five random points. Sort the points by
		// longitude so that the line does not intersect itself.
		var points = [];
		for (var i = 0; i < 5; i++) {
		  points.push(new GLatLng(southWest.lat() + latSpan * Math.random(),
								  southWest.lng() + lngSpan * Math.random()));
		}
		points.sort(function(p1, p2) {
		  return p1.lng() - p2.lng();
		});
		map.addOverlay(new GPolyline(points));		
*/		
	  
//        var map = new GMap2(document.getElementById("map"));
//        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
      }
    }
	
function draw_point(lat,long,i,color,location,title) {
	var point = new GLatLng(lat,long);
//	globalMap.addOverlay(new GMarker(point));	
	globalMap.addOverlay(createMarker(point, i, color,location,title));
}