window.addEvent('domready', function(){

	if ( $('gmap') )
	{
			$('gmap').setStyle('z-index', 2);

		//Gmap
		if (GBrowserIsCompatible()) {
	
			var oMap = new GMap2(document.getElementById('gmap'));
	
			//add zoom and move control
			//oMap.addControl(new GSmallMapControl());	
			
			var pos = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(20, 30));
			oMap.addControl(new GSmallMapControl('false'), pos);
			
			//Center and zoom
			oMap.setCenter(
				new GLatLng(
					45.79422,
					3.090763
				),
				8
			);
			
			/**
			 * Add other point
			 */
			var i = 0;
			for ( i = 1; i < $('coords').latitude.length; i++ )
			{	
				createMarker(oMap, i)
			}

			$$('div .gmnoscreen').each(function(obj) { obj.setStyle("display","none"); });
		}
	}
	
});

/**
 * Create googlemap marker
 *
 * @param object GMap2
 * @param int
 */
function createMarker(oMap, i)
{
	//icon
	oIcon = new GIcon(G_DEFAULT_ICON);
	oIcon.image = "img/global/pictos/" + $('coords').picto[i].value + ".gif";
	oIcon.iconSize = new GSize(29, 35);
	oIcon.shadowSize = new GSize(0,0);

	//latittude - longitude
	oLatLng = new GLatLng(
		$('coords').latitude[i].value, 
		$('coords').longitude[i].value
	);

	//marker
	oMarker = new GMarker(
		oLatLng, 
		{icon:oIcon}
	);

	//add event on marker
	GEvent.addListener(oMarker,"click", function(oArg) {
		var myHtml = '';
		
		if ( $defined($('coords').nom_offre[i]) && $('coords').nom_offre[i].value != '' )
			myHtml += $('coords').nom_offre[i].value + '<br />'
			
		if ( $defined($('coords').commune[i]) && $('coords').commune[i].value != '' )
			myHtml += $('coords').commune[i].value + '<br />';
			
		if ( $defined($('coords').duree_circuit[i]) && $('coords').duree_circuit[i].value != '' )
			myHtml += $('coords').duree_circuit[i].value + '<br />';
			
		if ( $defined($('coords').capacite_totale[i]) && $('coords').capacite_totale[i].value != '' )
			myHtml += 'Capacité totale : ' + $('coords').capacite_totale[i].value + '<br />';
		
		if ( $defined($('coords').link[i]) && $('coords').link[i].value != '' )
			myHtml += '<a href="' + $('coords').link[i].value + '">Plus d\'infos</a>';
		
		oMap.openInfoWindowHtml(
			oArg,
			myHtml
		);
	}); 
	
	oMap.addOverlay(oMarker);
}