var map;
var gmarkers = [];
var htmls = [];
var imap; 

function EcrireCookie(nom, valeur)
{
var argv=EcrireCookie.arguments;
var argc=EcrireCookie.arguments.length;
var expires=(argc > 2) ? argv[2] : null;
var path=(argc > 3) ? argv[3] : null;
var domain=(argc > 4) ? argv[4] : null;
var secure=(argc > 5) ? argv[5] : false;
document.cookie=nom+"="+escape(valeur)+
((expires==null) ? "" : ("; expires="+expires.toGMTString()))+
((path==null) ? "" : ("; path="+path))+
((domain==null) ? "" : ("; domain="+domain))+
((secure==true) ? "; secure" : "");
}
function EffaceCookie(nom)
{
date=new Date;
date.setFullYear(date.getFullYear()-1);
EcrireCookie(nom,null,date);
}

function myclick(i) {
gmarkers[i].openInfoWindowHtml(htmls[i]);
      }
	  
  function createMarker(point,compte,name,photo,description,url) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
	
		
          marker.openInfoWindowHtml('<table border=0 width=300><tr><td align="left"><span class="grey_1">&nbsp;&nbsp;<b>' + name + '</b><br /><img src="'+ photo +'" width=128 height=128 align=left hspace=5 vspace=2> ' + description + '<br /><a href="/' + url + '/">Plus d\'info</a></span></td></tr></table>');   
		  
        });
        // save the info we need to use later for the side_bar
        gmarkers[compte] = marker;
		
			
        htmls[compte] = '<table border=0 width=300><tr><td align="left"><span class="grey_1">&nbsp;&nbsp;<b>' + name + '</b><br /><img src="'+ photo +'" width=128 height=128 align=left hspace=5 vspace=2>' + description + '<br /><a href="/' + url + '/">Plus d\'info</a></span></td></tr></table>'; 
		


        return marker;
		
      }	  
	  
//debut ajax_response	  
function ajax_response(request) {
//alert(request);
var xmlresp = GXml.parse(request.responseText); 
var markers = xmlresp.documentElement.getElementsByTagName("item"); 
//var nombreresultats = markers.length;
//$('nombreresultats').innerHTML = nombreresultats ;
//Element.hide('map');Element.show('affichersearch');
     if (GBrowserIsCompatible()) {
	  

    
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());

        //map.setCenter(new GLatLng(48.848484, 2.261318), 10);
		
var MapDiv =document.getElementById("map"); 
var CopyrightDiv = MapDiv.firstChild.nextSibling; 
CopyrightDiv.style.right = "0px"; 
CopyrightDiv.style.fontSize = '6px'; 

      // A function to create the marker and set up the event window
     


  
var centerfg = new GLatLng(parseFloat(markers[0].getAttribute("lat")), parseFloat(markers[0].getAttribute("lng"))); 
map.setCenter(centerfg, 8);
	
		  
//map.setCenter(new GLatLng(parseFloat(markers[1].getAttribute("lat")), parseFloat(markers[1].getAttribute("lng"))), 10);
for (var i = 0; i < markers.length; i++) { 
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); 
var name = GXml.value(markers[i].getElementsByTagName("nom")[0])
var compte = GXml.value(markers[i].getElementsByTagName("compte")[0])
var photo = GXml.value(markers[i].getElementsByTagName("photo")[0])
var description = GXml.value(markers[i].getElementsByTagName("description")[0])
var url = GXml.value(markers[i].getElementsByTagName("url")[0])


//var html = GXml.value(markers[i].getElementsByTagName("description")[0])



       map.addOverlay(createMarker(point,compte,name,photo,description,url));
	  

	    } 
		//document.getElementById("side_bar").innerHTML = side_bar_html;   



}

return true;
}	  
//fin ajax_response





function getMap()
	{

var url = 'http://www.colmar-hotels.fr/ajaxnew/tek/villes-xslt.php';
var pars=''; 
var ajax = new Ajax.Request(url,{method: 'get', parameters: pars, onComplete: ajax_response, onFailure: function(){alert('erreur nombre resultats');} });

}
//fin getResults


//debut getResults




function testMap(imap)
{
var map;
var gmarkers = [];
var htmls = [];	
var reg1=new RegExp("(google)","g");
if ($('map').innerHTML.match(reg1)) {
	
//testtext = $('map').innerHTML.match(reg1);	
//$('resultats').innerHTML = testtext ;
//alert(imap);
Element.hide('affichersearch'); Element.setStyle( 'map', { height:'300px' } ); Element.show('map');
myclick(imap);

} else {
Element.hide('affichersearch'); Element.setStyle( 'map', { height:'300px' } );
Element.show('map');
//getMap();
//alert(getMap());
if ((getMap()==true))  {WaitForData(imap); }

	}}
	



function WaitForData(imap){
setTimeout("testMap(" + imap + ")",2000);
}