/**********************************************************************************************************
* @function : GoogleMapLoad
* @aim      	 : Fonction principale ŕ appeller au chargement de la page
* @param     : void
* @return     : void
***********************************************************************************************************/
function GoogleMapLoad(x,y) {
	 if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById('mapGeolocalisation'));
		map.setMapType(G_HYBRID_MAP);
		map.setCenter(new GLatLng(x, y), 10);
		map.addControl(new GSmallMapControl());
		var marker = new GMarker(new GLatLng(x, y));
		map.addOverlay(marker);
		cacher();
	} 
	else 
	{
		cacher();
		alert("Localisation impossible");
	}
}

function cacher(){

	$$('div.hidden div.popupGrise').setStyle('display','none') ;
	$$('div.hidden div.popupGrise').setStyle('visibility','visible') ;
	
	height_container_default = $('conteneurPopup').getCoordinates().height ;
	$$('ul.menuPopup li').each(function(el) {
		
		el.setStyle('cursor', 'pointer');
		el.addEvent('click', function() {
			
			// On cache toutes les divs "popup"...
			$$('div.hidden div.popupGrise').setStyle('display','none') ;

			if ( $$('div.'+this.className) != '' ) {
				// ... et on affiche la bonne
				$$('div.'+this.className).setStyle('display','block') ;

				// Variables nécessaires au calculs
				var top_li = this.getCoordinates().top ;
				var height_div = $$('div.'+this.className)[0].getCoordinates().height ;
				var height_container = $('conteneurPopup').getCoordinates().height ;
				
				
				// On met ŕ jour la taille de la div #conteneurPopup
				
				if ( height_container_default < ( height_div + top_li ) )
					$('conteneurPopup').setStyle('height', height_div + top_li) ;
				else
					$('conteneurPopup').setStyle('height', height_container_default) ;
	
				// On met la bonne position de la div
				$$('div.'+this.className).setStyle('top', (top_li - $('conteneurPopup').getCoordinates().top)  ) ;
			}
		}) ;
	});
	
	// Ferme les div au clic sur la croix
	$$('img.image_croix').each(function(el) {
		
		el.setStyle('cursor', 'pointer');
		
		el.addEvent('click', function() {
			
			// On cache toutes les divs "popup"...
			$$('div.hidden div.popupGrise').setStyle('display','none') ;
		});
	});
	
}