// JavaScript Document

$(function(){
		   
	
		  
	var	latlng = new google.maps.LatLng($("#lat").val(), $("#lon").val());
   			 var myOptions = {
				  zoom: 14,
				  center: latlng,
				  mapTypeId: google.maps.MapTypeId.ROADMAP,
  				  navigationControl: true,
				  navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL,position: google.maps.ControlPosition.TOP_RIGHT},
  				  mapTypeControl: false,
 				  scaleControl: false
   			 };
    var	map = new google.maps.Map(document.getElementById("map"), myOptions);
		setMarkers(map,$(".agence"));

		   
		   
})


function setMarkers(map,agence){
	var image = new google.maps.MarkerImage('design/fond/picbleu.png',new google.maps.Size(31, 27),new google.maps.Point(0,0),new google.maps.Point(16,27));
	
	agence.each(function(){
			coord=$(".location",this).val();
			coord=coord.split(',')
			
			var newCoord = new google.maps.LatLng(coord[0], coord[1]);
			var nomAgence=$(".name",this).text()
			var id=$(this).attr('id')
			
		 	var marker = new google.maps.Marker({clickable:true,position: newCoord,map: map,icon: image,title: nomAgence,flat:true,id:id});
		
	
	})
	
}