var centry = new google.maps.LatLng(48.1110716, -1.6687726);
var zoomy = 12;
var typy=google.maps.MapTypeId.ROADMAP;
var browserSupportFlag =  new Boolean();
    //<![CDATA[
	var mapy;
	var arrMarkers = [];
	var arrInfoWindows = [];

    function load(caty, catx) {
	  function HomeControl(controlDiv, map) {

  // Set CSS styles for the DIV containing the control
  // Setting padding to 5 px will offset the control
  // from the edge of the map
  controlDiv.style.padding = '5px';

  // Set CSS for the control border
  var controlUI = document.createElement('DIV');
  controlUI.style.backgroundColor = 'white';
  controlUI.style.borderStyle = 'solid';
  controlUI.style.borderWidth = '1px';
  controlUI.style.borderColor= '#194a7c';
  controlUI.style.cursor = 'pointer';
  controlUI.style.textAlign = 'center';
  controlUI.title = 'Plan';
  controlDiv.appendChild(controlUI);

  // Set CSS for the control interior
  var controlText = document.createElement('DIV');
  controlText.style.fontFamily = 'Arial,sans-serif';
  controlText.style.fontSize = '12px';
  controlText.style.color = '#194a7c';
  controlText.style.paddingLeft = '4px';
  controlText.style.paddingRight = '4px';
  controlText.innerHTML = 'Plan';
  controlUI.appendChild(controlText);

  // Setup the click event listeners: simply set the map to Chicago
  google.maps.event.addDomListener(controlUI, 'click', function() {
mapy.setMapTypeId(google.maps.MapTypeId.ROADMAP);
typy=google.maps.MapTypeId.ROADMAP;
  });
}  
function HomeControl2(controlDiv2, map) {
  // Set CSS styles for the DIV containing the control
  // Setting padding to 5 px will offset the control
  // from the edge of the map
  controlDiv2.style.padding = '5px';

  // Set CSS for the control border
  var controlUI2 = document.createElement('DIV');
  controlUI2.style.backgroundColor = 'white';
  controlUI2.style.borderStyle = 'solid';
  controlUI2.style.borderWidth = '1px';
  controlUI2.style.borderColor= '#194a7c';
  controlUI2.style.cursor = 'pointer';
  controlUI2.style.textAlign = 'center';
  controlUI2.title = 'Mixte';
  controlDiv2.appendChild(controlUI2);

  // Set CSS for the control interior
  var controlText2 = document.createElement('DIV');
  controlText2.style.fontFamily = 'Arial,sans-serif';  
  controlText2.style.color= '#194a7c';
  controlText2.style.fontSize = '12px';
  controlText2.style.paddingLeft = '4px';
  controlText2.style.paddingRight = '4px';
  controlText2.innerHTML = 'Mixte';
  controlUI2.appendChild(controlText2);

  // Setup the click event listeners: simply set the map to Chicago
  google.maps.event.addDomListener(controlUI2, 'click', function() {
mapy.setMapTypeId(google.maps.MapTypeId.HYBRID);
typy=google.maps.MapTypeId.HYBRID;
  });
}
      var mapy = new google.maps.Map(document.getElementById("map"), {
		center: centry,
        zoom: zoomy,
		scrollwheel: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
		mapTypeControl: false,

    navigationControl: true,
    navigationControlOptions: {
        style: google.maps.NavigationControlStyle.NORMAL,
        position: google.maps.ControlPosition.TOP_RIGHT
    }
      });
	   var circle = new google.maps.Circle({
	   center:centry,
          map: mapy,
          radius: 750, // 3000 km
		  strokeWeight:3,
		  strokeOpacity: 0,
		  fillOpacity:0,
		  strokeColor: colorcat
        });
		
		 // Register event listeners
        google.maps.event.addListener(mapy, 'mouseover', function(mEvent) {
		 if (mapy.zoom<=13) {
          circle.set('strokeOpacity', '0.8');
		  }
        });
        google.maps.event.addListener(mapy, 'mouseout', function(mEvent) {
          circle.set('strokeOpacity', '0');
        });
        google.maps.event.addListener(mapy, 'mousemove', function(mEvent) {
          circle.setCenter(mEvent.latLng);
        });
	    var homeControlDiv = document.createElement('DIV');
  var homeControl = new HomeControl(homeControlDiv, mapy);

  homeControlDiv.index = 1;
  mapy.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv); 
  
  var homeControlDiv2 = document.createElement('DIV');
  var homeControl2 = new HomeControl2(homeControlDiv2, mapy);

  homeControlDiv2.index = 1;
  mapy.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv2);
      var infoWindow = new google.maps.InfoWindow;
 google.maps.event.addListener(mapy, 'zoom_changed', function() {
 if (mapy.zoom>=14) {
circle.set('strokeOpacity', '0');
 }
 else {
circle.set('strokeOpacity', '0.5');
  }
zoomy= mapy.zoom;
});
google.maps.event.addListener(mapy, 'center_changed', function() {
centry= mapy.center;
});
google.maps.event.addListener(circle, 'click', function(mEvent) {
mapy.setZoom(15);
mapy.setCenter(mEvent.latLng);	
      });

      // Change this depending on the name of your PHP file

      downloadUrl('http://www.sortir-a-rennes.com/xml/all.xml', function(data) {
	  
        var xml = request.responseXML;
        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
		  var cat = markers[i].getAttribute("cat");
		            var souscat = markers[i].getAttribute("souscat");
		  if (cat==caty||caty=="") 
		  {if (souscat==catx||catx=="") {
          var name = markers[i].getAttribute("name");
          var namebis = markers[i].getAttribute("namebis");
          var thumb = markers[i].getAttribute("thumb");
          var point = new google.maps.LatLng(
              parseFloat(markers[i].getAttribute("lat")),
              parseFloat(markers[i].getAttribute("lng")));
          var html = '<img width="40px" height="40px"src="http://www.sortir-a-rennes.com/thumbs/'+ thumb +'"><a href="http://www.sortir-a-rennes.com/'+ cat +'/'+ souscat +'/'+ namebis +'">' + name + '</a>';
          imageMarqueur = new google.maps.MarkerImage('http://www.sortir-a-rennes.com/img/A_marquer_'+cat+'.png', new google.maps.Size(10,10), new google.maps.Point(0,0), new google.maps.Point(4, 4));
	   var marker = new google.maps.Marker({
            position: point,
			map: mapy, 
			icon: imageMarqueur,
        });
          bindInfoWindow(marker, mapy, infoWindow, html, point);
		  }
		  }
        }
      });

    }

    function bindInfoWindow(marker, map, infoWindow, html, point) {
      google.maps.event.addListener(marker, 'click', function(mEvent) {
		if (map.zoom>=15){
		map.setZoom(17);
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
		map.setCenter(point);
		}
		else
		{
		map.setZoom(15);
		map.setCenter(point);
		}
      });
    }

    function downloadUrl(url, callback) {
     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 doNothing() {}