var map;	
	var miniMap;	
	var markersAnn = [];
	var markersAnn2 = [];
        var markersAgency = [];
	var infoWindow;
    function initialize() 
	{
		var myLatlng = new google.maps.LatLng(villeY, villeX);
		
			var myOptionsMinimap = {
				zoom: 6,
				center: myLatlng,
				mapTypeControl : false,
				navigationControl: false,
				disableDefaultUI: true,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			}
		
			var myOptions = {
				zoom: myZoom,
				center: myLatlng,
				mapTypeControl : false,
				navigationControl: true,
				navigationControlOptions: {
					style: google.maps.NavigationControlStyle.ZOOM_PAN
				},
				mapTypeId: google.maps.MapTypeId.ROADMAP
			}
		if(document.getElementById("mapBlock2")){
			var miniMap = new google.maps.Map(document.getElementById("mapBlock2"), myOptionsMinimap); 
		}
		if(document.getElementById("mapBlock")){
			var map = new google.maps.Map(document.getElementById("mapBlock"), myOptions); 		 
		}		 
		infoWindow = new google.maps.InfoWindow();
		var current = 0; /* added */
		var leBlock ='';
		var item = new Object () ;
		var classNum = '';
		var countAgency = 0;
                var indexAgency = 0;
		leBlock += '<ul>';
		$.each(dataMap, function(i,item){
			if(item != null) {
				
				if(i>8)
					classNum = ' numero2';
				var classLi = '';
				if(item.agences.length > 1)
					classLi = 'big';
					
				leBlock += '<li class="'+classLi+'"><div class="agency-item-top"></div><div class="agency-item-content"><div class="block"><h2>'+item.ville+'</h2>';
				$.each(item.agences, function(y,agency){
					countAgency ++;
					leBlock += '<p class="agence'+countAgency+'">';
					
					if(agency.titre != '' && agency.titre != undefined)
					{
						leBlock += ' <span class="numerotation'+classNum+'">'+countAgency+'</span><span><a href="#">'+agency.titre+'</a></span>';				
					}
					if(agency.cp != '' && agency.cp != undefined)
					{
						leBlock += ' <span>'+agency.cp+'</span>';				
					}
					if(agency.image != '')
					{
						leBlock += '<img src="'+agency.image+'" alt="'+agency.alt+'" />';				
					}
					
					if(agency.date != '')			
						leBlock += 'Date :'+agency.date+'<br />';				
				
					if(agency.texte != '')			
						leBlock += agency.texte+'<br />';	
					
					if(agency.superficie != '')			
						leBlock += '<strong>Superficie :</strong>'+agency.superficie+'<br />';	
					
					if(agency.prix != '')			
						leBlock += '<strong>Prix terrain :</strong>'+agency.prix+'<br />';					
				
					if(agency.contact != '')			
						leBlock += '<strong>Contact :</strong>'+agency.contact+'<br />';
					leBlock += '</p>';
				});
				if((dataMap.length-1)>i)
					leBlock += '<div class="spacer"></div></div></div><div class="agency-item-bottom"></div></li>';
				else
					leBlock += '<div class="spacer"></div></div></div><div class="agency-item-bottom"></div></li>';
			}
		});
		leBlock += '</ul>';
		//$('#pane2 .block:last').addClass('dernier');	
		$('#contentPane').append(leBlock);
		//$('#pane2').jScrollPane({showArrows:true, scrollbarWidth: 20});
		
		
		$.each(dataMap, function(i,item)
		{
			if(item != null) {
			/*
				var image = '/aura/media/pictos/picto'+(i+1)+'.png';		
				var myLatLng = new google.maps.LatLng(item.ymap, item.xmap);
				var annMarker = new google.maps.Marker({
				  position: myLatLng,
				  map: map,
				  icon: image			  
				});
				markersAnn.push(annMarker);			
				var html = '<h3>'+dataMap[i].titre+'</h3><p>'+$('#pane2 .block p').eq(i).html()+'</p>';
				google.maps.event.addListener(annMarker, 'click', function() {
					infoWindow.setContent(html);
					infoWindow.open(map, annMarker);
				});
				*/
				//map agences
				
				$.each(item.agences, function(y,agency){
					indexAgency ++;
					if(terrain == true)
						var image = '/aura/media/pictos/pict'+indexAgency+'.png';
					else
						var image = '/aura/media/pictos/picto'+indexAgency+'.png';
					var myLatLng = new google.maps.LatLng(agency.ymap, agency.xmap);
					var annMarker = new google.maps.Marker({
						position: myLatLng,
						map: map,
						icon: image			  
					});
					markersAnn.push(annMarker);
                                        markersAgency.push(agency.titre);
					var html = '<h3>'+agency.titre+'</h3><p>'+$('#pane2 .agence'+indexAgency).html()+'</p>';
					google.maps.event.addListener(annMarker, 'click', function() {
						infoWindow.setContent(html);
						infoWindow.open(map, annMarker);
					});
				});
			}
		});	
		
		$.each(dataMiniMap, function(j,item2)
		{
			if(item2 != null) {
				var image2 = '/aura/media/pictos/picto'+(j+1)+'.png';		
				var myLatLng2 = new google.maps.LatLng(item2.ymap, item2.xmap);
				var annMarker2 = new google.maps.Marker({
				  position: myLatLng2,
				  map: miniMap,
				  icon: image2			  
				});
				/*markersAnn2.push(annMarker2);			
				var html2 = '<h3>'+dataMiniMap[j].titre+'</h3>';
				google.maps.event.addListener(annMarker2, 'click', function() {
					infoWindow.setContent(html2);
					infoWindow.open(miniMap, annMarker2);
				});*/
			}
		});	
		

		$('#pane2 a').each(function(i, item) {
			$(item).click(function(){
				var html = '<h3>'+markersAgency[i]+'</h3><p>'+$('#pane2 .agence'+(i+1)).html()+'</p>';
				infoWindow.setContent(html);
				infoWindow.open(map, markersAnn[i]);
				return false;
			});
		});			

	}    
	function loadScript() 
	{
	  var script = document.createElement("script");
	  script.type = "text/javascript";
	  script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
	  document.body.appendChild(script);
	}
	jQuery().ready(function(){ 
		loadScript();		
	});