var map;


    var customIcons = {
      restaurant: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png',
        shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
      },
      bar: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png',
        shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
      }
    };

$(document).ready(function() {
    var x = $("input[name=x]").val();
    var y = $("input[name=y]").val();
    var e = $("input[name=e]").val();
    var num = $("input[name=num]").val();
    var sec = $("input[name=s]").val();
    e = parseInt(e);
    x = parseFloat(x);
    y = parseFloat(y);
    num = parseInt(num);
    if(x == -9999){
     e = 7;
     x = -0.37628;
     y = 43.298;
    }

    var latlng = new google.maps.LatLng(y, x);
    var myOptions = {
      zoom: e,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.TERRAIN
    };
    map = new google.maps.Map(document.getElementById("map"),
        myOptions);

      var infoWindow = new google.maps.InfoWindow;


  downloadUrl("xml.php", function(data) {
  var xml = data.responseXML;
  var markers = xml.documentElement.getElementsByTagName("marker");
  for (var i = 0; i < markers.length; i++) {
    var name = markers[i].getAttribute("nom");
    var activite = markers[i].getAttribute("activite");
    var type = 'bar';// markers[i].getAttribute("type");
    var point_lng = parseFloat(markers[i].getAttribute("lng"));
    var point_lat = parseFloat(markers[i].getAttribute("lat"));
    var point = new google.maps.LatLng( point_lng,  point_lat);
    var html = "<div style=\"cursor:pointer;\" onclick=\"$('#resultat').load('top.php',{act:'raz'});$('#resultat').load('top.php',{act:'liste', lat:'"+point_lat+"' ,lon:'"+point_lng+"',limit_start:'1', limit_start:0, page_dep:0});\" ><b><u>" + name + "</u></b></div><br/>";
    var icon = customIcons[type] || {};
    var marker = new google.maps.Marker({
      map: map,
      position: point,
      icon: icon.icon,
      shadow: icon.shadow
    });
    bindInfoWindow(marker, map, infoWindow, html);
  }
});

//   map.setCenter(new GLatLng(y, x), e);

//   var point = new GLatLng(y, x);
//   var markerD = new GMarker(point, {icon:G_DEFAULT_ICON, draggable: true});
//   map.addOverlay(markerD);
//   markerD.enableDragging();

//   GEvent.addListener(markerD, "dragend", function(){
//   var p = markerD.getPoint();
//   plat= p.lat();
//   plng = p.lng();
 //  e = map.getZoom();
 //  $("input[name=x]").val(plng);
 //  $("input[name=y]").val(plat);
 //  $("input[name=e]").val(e);
   //alert();
   //$('#map_info').load('topo.php',{act:'ponctuel_modif',x:plng,y:plat,num:num,s:sec,e:e});
 //  });

//  }
});
   function doNothing() {}


function downloadUrl(url,callback) {
 var request = window.ActiveXObject ?
     new ActiveXObject('Microsoft.XMLHTTP') :
     new XMLHttpRequest;

 request.onreadystatechange = function() {
   if (request.readyState == 4) {
     request.onreadystatechange = doNothing;
     callback(request, request.status);
   }
 };

 request.open('GET', url, true);
 request.send(null);
}

function bindInfoWindow(marker, map, infoWindow, html) {
  google.maps.event.addListener(marker, 'click', function() {
    infoWindow.setContent(html);
    infoWindow.open(map, marker);
  });
}

  function aff_point(y, x, e) {
    //alert(y + " " + x + " " + e);
   // map.clearOverlays();
   // map.setCenter(new GLatLng(x, y), e);
   // var marker = new GMarker(new GLatLng(x, y), { draggable: true});
   // map.addOverlay(marker);
     var s = new google.maps.LatLng(x, y);
     map.setCenter(s);
     map.setZoom(e);


  }