// this variable will collect the html which will eventually be placed in the side_bar
		var map;
		var side_bar_html = '<a href="javascript:novafinestre(\'image/upload/File/gmap_cat.pdf\')"><img src="image/pdf.gif" border="0" align="left"></a><a href="javascript: map.setCenter(new GLatLng(42.026909,2.860329), 13);">Reset</a><br><hr>';
		var gmarkers = [];

	   // This function picks up the click and opens the corresponding info window
       function myclick(i, x, y, z) {
	
//	map.setCenter(new GLatLng(42.016269,2.894506), 17);
	map.setCenter(new GLatLng(x,y), z);
	GEvent.trigger(gmarkers[i], "click");
      }
/*	  
if( navigator.userAgent.match("MSIE") ){ document.getElementById("map").attachEvent( "onmousewheel" , mouseWheelZooming ); }
	if( navigator.userAgent.match("Gecko") ){ document.getElementById("map").addEventListener( "DOMMouseScroll" , mouseWheelZooming , false ); }
	if( navigator.userAgent.match("Safari") ){ document.getElementById("map").onmousewheel = mouseWheelZooming; }

	function mouseWheelZooming( event ){
		if( navigator.userAgent.match( "MSIE"   ) ){ var delta = event.wheelDelta;   event.returnValue = false; }	//IE
		if( navigator.userAgent.match( "Gecko"  ) ){ var delta = event.detail * -1;  event.preventDefault();    }	//Gecko
		if( navigator.userAgent.match( "Safari" ) ){ var delta = event.wheelDelta;   event.returnValue = false; }	//Safari

	map.setZoom( map.getZoom() + ( delta < 0 ? 1 : -1 ) );
	}

*/

function load() {
if (GBrowserIsCompatible()) {
 
	  
	 	function createMarker(point, index, texte, name, x, y, z)
		{
		  // Create a lettered icon for this point using our icon class
		  var letter = String.fromCharCode("A".charCodeAt(0) + index);
		  var icon = new GIcon(baseIcon);
		  icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
		  var marker = new GMarker(point, icon);

		   GEvent.addListener(marker, "click", function()
							{
							    marker.openInfoWindowHtml(texte);
							  });
		    // save the info we need to use later for the side_bar
        gmarkers[index] = marker;
        // add a line to the side_bar html
		if (name) {
			if (name=='L\'Animal')
				{
		        side_bar_html += '<br><a href="javascript:myclick(' + index + ',' + x + ',' + y + ',' + z + ' )">' + name + '</a><br>';
				}else{
				side_bar_html += '<a href="javascript:myclick(' + index + ',' + x + ',' + y + ',' + z + ')">' + name + '</a> ';
				}
		}
  	
			  return marker;
		}

	
		map = new GMap2(document.getElementById("map"),{logoPassive:'true',mapTypes:[G_HYBRID_MAP,G_NORMAL_MAP]});
//		map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		 map.addControl(new GMapTypeControl(1));
//        map.setCenter(new GLatLng(42.016269,2.894506), 17);
        map.setCenter(new GLatLng(42.026909,2.860329), 13);
//		map.setMapType(G_HYBRID_MAP);
		map.enableScrollWheelZoom();
		map.enableDoubleClickZoom();
		map.enableContinuousZoom();
		

	
        // Create a base icon for all of our markers that specifies the
		// shadow, icon dimensions, etc.
		var baseIcon = new GIcon();
		baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.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.
		
	  var point = new GLatLng(42.03102191066221,2.8268980979919434);
	  map.addOverlay(createMarker(point, 0, "<center><b>AP7 Sortida 6 Girona Nord</b><br>direcció Celrà, La Bisbal, Palamós</center>","A",42.03102191066221,2.8268980979919434,17));
	  
	   var point = new GLatLng(42.02722049294972,2.8684401512145996);
	  map.addOverlay(createMarker(point, 1, "<center>Un cop a l'entrada de <b>Celrà</b>,<br>seguir per dins el poble fins<br>la següent rotonda.</center>","B",42.02722049294972,2.8684401512145996,17));
	  
	  var point = new GLatLng(42.03072704991583,2.886561155319214);
	  map.addOverlay(createMarker(point, 2, "<center>Trenqueu a la dreta quan<br>arribeu a la segona rotonda<br> de <b>Celrà</b>.<br>En direcció al C.A.P. (centre mèdic)</center>","C",42.03072704991583,2.886561155319214,17));

	  var point = new GLatLng(42.026662613780175,2.887333631515503);
	  map.addOverlay(createMarker(point, 3, "<center>Quan arribeu al C.A.P. (centre mèdic) ,<br>Trenqueu a l\'esquerra seguint <br>la Carretera de <b>Juiá</b></center>","D",42.026662613780175,2.887333631515503,17));
  
    var point = new GLatLng(42.02580187631522,2.893277406692505);
	  map.addOverlay(createMarker(point, 4, "<center>Després de passar un petit<br> pont, trenqueu a la dreta<br> seguint el camí empedrat</center>","E",42.02580187631522,2.893277406692505,17));

	var point = new GLatLng(42.01603806620415,2.8944307565689087);
	  map.addOverlay(createMarker(point, 5, "<center><b>L\'animal a l\'esquena</b><br>L.G. Mas Espolla S/N <br>17460 Celrà (Girona)</center>", "L\'Animal",42.01603806620415,2.8944307565689087,17));
	
	//points: "}jm_GketPcDtI]lBcDfCmA^aGrDuA_@cH{J{@Es@fA]Ae@s@uAkAwBmAqG_CmBeAyD~VFlL}Q~@mEzAbUpzACzUhFlI~@hC`FbX`G~UhEnIzAhHTbMs@dGwBdE}QzTy@hBk@zCUdD?xKe@bI}@nFkB|GqM~XoAlDgApEm@hEiAlL[rCuC|LCt@Rj@b@Xp@Ob@qARuC",		levels: "BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB",
	//weight: 10,zoomFactor: 32,numLevels: 4,
	var encodedPolyline = new GPolyline.fromEncoded({
	    color: "#ff0000",
	    weight: 3,
	    points: "}jm_GyctPiD~IYjByCfCcARiGzDgAJyHgL{@Ic@v@m@Po@eAwAoAoBy@sG{BeBaAoDpUHpMyQ|@uEzA`UzzAGnVpEvGfAvBlEnXhGpWbEtH|ApGf@lLa@tGqBnEwQzTcAbBw@jCUdD?xKYjIq@rFqBzHkMnXqAfDgA~Ds@lEcAtLe@|DiCnJYbBN`At@Zj@[XwAb@yB",
		levels: "BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB",
    	zoomFactor: 1,
	    numLevels: 4, opacity: 1
																		});
		map.addOverlay(encodedPolyline);
			
		// put the assembled side_bar_html contents into the side_bar div
	
	side_bar_html += '<a href="javascript: map.setCenter(new GLatLng(41.77131167976406,1.669921875), 7);">Catalunya</a><br>';
	side_bar_html += '<a href="javascript: map.setCenter(new GLatLng(41.77131167976406,1.669921875), 4);">Europa</a><br>';
	side_bar_html += '<a href="javascript: map.setCenter(new GLatLng(41.77131167976406,1.669921875), 2);">Mon</a><br>';
   
	  document.getElementById("glinks").innerHTML = side_bar_html;
	
	  
	
}else {
alert("Ho sento, però el teu navegador no és compatible amb Google Maps API.");
}
} //load