var map;
var gmarkers = [];
var to_htmls = [];
var from_htmls = [];
var i=0;
// functions that open the directions forms
function tohere(i) 
{
	gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}
  
function fromhere(i) 
{
	gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}

function InitMap(zoom)
{
	map = new GMap2(document.getElementById("map"));
}

function DrawMap(lat,lng,zoom)
{
	if (GBrowserIsCompatible())
    {
		map.addControl(new GLargeMapControl());
		map.setCenter(new GLatLng(lat,lng), zoom);
		//map.addControl(new GMapTypeControl());
		//map.setCenter(new GLatLng(43.608529,3.879269), 6);
		var point = new GLatLng(lat,lng);
	    //var icon = new GIcon();
		var marker = createMarker(point)
    	map.addOverlay(marker);
    }
    
    function createMarker(point) 
   	{
    	var marker = new GMarker(point);

        // The info window version with the "to here" form open
        to_htmls[i] = '<br>Directions :<b>To here</b> - <a href="javascript:fromhere(' + i + ');">From here</a>' +
           '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + 
                  // "(" + name + ")" + 
           '"/>';
        // The info window version with the "to here" form open
        from_htmls[i] = '<br>Directions : <b><a href="javascript:tohere(' + i + ');">To here</a> - <b>From here</b>' +
           '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
                  // "(" + name + ")" + 
           '"/>';
        
        // The inactive version of the direction info
        html = '<br>Directions : <a href="javascript:tohere('+i+')">To here</a> - <a href="javascript:fromhere('+i+')">From here</a>';

        GEvent.addListener(marker, "click", function() 
        {
          	marker.openInfoWindowHtml(html);
        });
        
        gmarkers[i] = marker;
        i++;
        return marker;
    }
}
/*
function addMarker(lat,lng)
{
	var center = new GLatLng(lat,lng);
	//var point = new GLatLng(center.lat(),center.lng());
	var marker = new GMarker(center);
	map.addOverlay(marker);

	/*GEvent.addListener(marker,"mouseover",function(){
		marker.openInfoWindowHtml(info,{maxWidth:100,maxHeight:50});
	});	*/

/*}*/

/*function addMarker(lat,lng,info)
{
	var center = new GLatLng(lat,lng);
	//var point = new GLatLng(center.lat(),center.lng());
	var marker = new GMarker(center);
	map.addOverlay(marker);

	/*GEvent.addListener(marker,"mouseover",function(){
		marker.openInfoWindowHtml(info,{maxWidth:65,maxHeight:35});
	});

}*/
