var geocoder;
 
var map;
 
var infowindow = new google.maps.InfoWindow();
 
var marker;
 
var marker1;
 
var ctaLayer; 
 
var ctaLayer2; 
 
var ctaLayer3;
 
var ctaLayer4;
 
var imageMarqueur;
 
var contenuInfoBulleSiege;
 var infoBulleSiege;

function initialize() {
    geocoder = new google.maps.Geocoder();
    var centreCarte = new google.maps.LatLng(46.9496193, 1.9944779);
    var optionsCarte = {
      zoom: 6,
      center: centreCarte,
      backgroundColor: '#273d76',
      mapTypeControl: true,
      mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DEFAULT},
      navigationControl: true,
      navigationControlOptions: {style: google.maps.NavigationControlStyle.DEFAULT},
      scaleControl: true,
      scaleControlOptions: {position: google.maps.ControlPosition.BOTTOM_CENTER},
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      streetViewControl: true
    }

map = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"),optionsCarte);

ctaLayer = new google.maps.KmlLayer('http://www.mutuelle-gendarmerie.fr/uploads/KMZ/Departements/departements.kmz', {preserveViewport: true});
ctaLayer.setMap(map);

  var style = [
    {
      featureType: 'all',
      elementType: 'all',
      stylers: [
        { saturation: 82 }
      ]
    }
  ];

 var styledMapType = new google.maps.StyledMapType(style, {
    map: map,
    name: 'Styled Map'
  });

  map.mapTypes.set('map-style', styledMapType);
  map.setMapTypeId('map-style');




imageMarqueur = new google.maps.MarkerImage('http://www.mutuelle-gendarmerie.fr/uploads/GoogleMaps/markers/montrouge_cng.png', new google.maps.Size(24, 29), new google.maps.Point(0,0), new google.maps.Point(12, 29));

marker1 = new google.maps.Marker({  
  position: new google.maps.LatLng(48.817066, 2.330775), 
  title: 'Siège de la CNG',  
  map: map,
  icon: imageMarqueur,
  animation: google.maps.Animation.DROP
}); 
google.maps.event.addListener(marker1, 'click', toggleBounce);



contenuInfoBulleSiege = [
      '<div id="containerTab">',
      '<div id="tabs">',
      '<ul>',
        '<li><a href="#tab-1"><span>Siège social</span></a></li>',
        '<li><a href="#tab-2"><span>Coordonnées</span></a></li>',
        '<li><a href="#tab-3"><span>Président</span></a></li>',
        '<li><a href="#tab-4"><span>Directeur</span></a></li>',
      '</ul>',
      '<div id="tab-1">',
        '<h1><b>Caisse Nationale du Gendarme</b></h1>',
        '<h2>Sise siège social Unéo</h2>',
'<div id="lettrineImage"><img src="http://www.mutuelle-gendarmerie.fr/uploads/images/siege_cng_infobulle.jpg" title="Siège social de la CNG" /></div>',
      '</div>',
      '<div id="tab-2">',
       '<p><br><b>Caisse Nationale du Gendarme</b><br>48, rue Barbès<br>92544  MONTROUGE CEDEX<br><br><span style="color:red">Tél : 09 70 80 97 19</span><br><br>Contact : <a href=http://www.mutuelle-gendarmerie.fr/index.php?page=contact  target="_blank">cliquez</a> </p>',
      '</div>',
      '<div id="tab-3">',
        '<div style="text-align: center;float: left;"></br></br><h1 style="display: inline;color: black;font-size: 23px;">Général de division</h1></br><h1 style="display: inline;color: black;font-size: 23px;">(2S)</h1></br><h1 style="display: inline;color: black;font-size: 24px;">Pascal JORRÉ</h1></br></div><div style="text-align: center;"></br><img style="display: inline; margin-left: 20px;border: 3px solid #000;" src="http://www.mutuelle-gendarmerie.fr/uploads/images/thumbnails/administrateurs/jorre.png" /></div>',
      '</div>',
      '<div id="tab-4">',
         '<div style="text-align: center;"></br><h1 style="display: inline; float: left;margin-top: 60px;color: black; font-size: 20px;">Dominique RENAULT</h1><img style="display: inline; margin-left: 20px;border: 3px solid #000;"src="http://www.mutuelle-gendarmerie.fr/uploads/images/thumbnails/administrateurs/renault.png" /><br></div>',
      '</div>',
      '</div>',
      '</div>'
  ].join('');


infoBulleSiege = new google.maps.InfoWindow({
          content: contenuInfoBulleSiege
     })

google.maps.event.addListener(marker1, 'click', function() {
          infoBulleSiege.open(map, marker1);
     });

google.maps.event.addListener(infoBulleSiege, 'domready', function(){ // infoWindow est biensûr notre info-bulle
    jQuery("#tabs").tabs();
  });

ctaLayer1 = new google.maps.FusionTablesLayer({
  query: {
    select: 'Geocodable address',
    from: '1074701'
  },
});

ctaLayer1.setMap(null);

ctaLayer2 = new google.maps.FusionTablesLayer({
  query: {
    select: 'Geocodable address',
    from: '1078630'
  },
});

ctaLayer2.setMap(null);

ctaLayer3 = new google.maps.FusionTablesLayer({
  query: {
    select: 'Geocodable address',
    from: '1094881'
  },
});

ctaLayer3.setMap(null);ctaLayer4 = new google.maps.FusionTablesLayer({
  query: {
    select: 'Geocodable address',
    from: '1715501'
  },
});

ctaLayer4.setMap(null);

}




 



function codeAddress() {
    var address = document.getElementById("adr").value;
    geocoder.geocode( { 'address': address + ' France'}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        var coords = results[0].geometry.location
        map.setCenter(coords);
        var marker = new google.maps.Marker({
          map: map,
          position: coords
        });
        document.getElementById('latlng').value = coords.lat()+','+coords.lng();
        codeLatLng(coords.lat()+','+coords.lng());
      } else {
        alert("Le géocodage n'a pu être effectué pour la raison suivante: " + status);
      }
    });

  }



function codeLatLng(input) {
    var latlngStr = input.split(",",2);
    var lat = parseFloat(latlngStr[0]);
    var lng = parseFloat(latlngStr[1]);
    var latlng = new google.maps.LatLng(lat, lng);
    geocoder.geocode({'latLng': latlng}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        if (results[0]) {
          map.setZoom(8);
          marker = new google.maps.Marker({
            position: latlng,
            map: map
          });
          var elt = results[0].address_components;
          for(i in elt){
            if(elt[i].types[0] == 'postal_code')
            document.getElementById('cp').value = elt[i].long_name;
            if(elt[i].types[0] == 'locality')
            document.getElementById('adr').value = elt[i].long_name;
            if(elt[i].types[0] == 'administrative_area_level_2')
            document.getElementById('dpt').value = elt[i].long_name;
            if(elt[i].types[0] == 'country')
            document.getElementById('pays').value = elt[i].long_name;
          }
          infowindow.setContent(results[0].formatted_address);
          infowindow.open(map, marker);
          map.setCenter(latlng);
        }
      } else {
        alert("Le géocodage n'a pu être effectué pour la raison suivante: " + status);
      }
    });
  }


 function retrieve(){
    var input = document.getElementById("latlng").value;
    codeLatLng(input);
  }



function delete_marqueur(){       
marker.setMap(null);
}  




function delete_departements(){
  if (ctaLayer.getMap()){
    ctaLayer.setMap(null);
  } else {
    ctaLayer.setMap(map);
  }
}



function delete_administrateurs(){
  if (ctaLayer1.getMap()){
    ctaLayer1.setMap(null);
  } else {
    ctaLayer1.setMap(map);
  }
}



function delete_admhonoraires(){
  if (ctaLayer2.getMap()){
    ctaLayer2.setMap(null);
  } else {
    ctaLayer2.setMap(map);
  }
}



function delete_delegues(){
  if (ctaLayer3.getMap()){
    ctaLayer3.setMap(null);
  } else {
    ctaLayer3.setMap(map);
  }
}





function delete_representants(){
  if (ctaLayer4.getMap()){
    ctaLayer4.setMap(null);
  } else {
    ctaLayer4.setMap(map);
  }
}

function toggleBounce() {

  if (marker1.getAnimation() != null) {
    marker1.setAnimation(null);
  } else {
    marker1.setAnimation(google.maps.Animation.BOUNCE);
  }
}