$(document).ready(function() {
   
  if($("#map_canvas").length){
    initialize()
  }
  
  if($("#map_canvas_itineraire").length){
    initializeItineraire()
  }

  $("a[rel='ezimageColorbox']").colorbox();

  $(".sliderBlocGalerieAcceuil").sudoSlider({
    fade: true,
    auto:true,
    prevNext:false
    });
    
    
    $(".galerieTree").treeview({
        collapsed: true,
        animated: "medium",
        persist: "location"
    });
    
    $(".tree").css("height", $(".galeriesEmbed").css("height"));

  /* Gestion bloc news acceuil */  
  if( $('.navBlocNews').length){
      if($('#span1').length){
          $('#span1').click(function(){
             $(".news_embed").fadeOut("slow");
             $(".news_embed").attr('class', 'news_embed hidden');
             $('.navBlocNews > span').attr('class', '');
             $('#span1').attr('class', 'selected');
             function complete(){
                 if($("#News_0").length){
                     $("#News_0").fadeIn("slow");
                     $("#News_0").attr('class', 'news_embed');
                 }
                 if($("#News_1").length){
                     $("#News_1").fadeIn("slow");
                     $("#News_1").attr('class', 'news_embed');
                 }
                 if($("#News_2").length){
                     $("#News_2").fadeIn("slow");
                     $("#News_2").attr('class', 'news_embed');
                 }
             }
             setTimeout(complete, 650);
          });
      }
      if($('#span2').length){
          $('#span2').click(function(){
             $(".news_embed").fadeOut("slow");
             $(".news_embed").attr('class', 'news_embed hidden');
             $('.navBlocNews > span').attr('class', '');
             $('#span2').attr('class', 'selected');
             function complete(){
                 if($("#News_3").length){
                     $("#News_3").fadeIn("slow");
                     $("#News_3").attr('class', 'news_embed');
                 }
                 if($("#News_4").length){
                     $("#News_4").fadeIn("slow");
                     $("#News_4").attr('class', 'news_embed');
                 }
                 if($("#News_5").length){
                     $("#News_5").fadeIn("slow");
                     $("#News_5").attr('class', 'news_embed');
                 }
             }
             setTimeout(complete, 650);
          });
      }
      if($('#span3').length){
          $('#span3').click(function(){
             $(".news_embed").fadeOut("slow");
             $(".news_embed").attr('class', 'news_embed hidden');
             $('.navBlocNews > span').attr('class', '');
             $('#span3').attr('class', 'selected');
             function complete(){
                 if($("#News_6").length){
                     $("#News_6").fadeIn("slow");
                     $("#News_6").attr('class', 'news_embed');
                 }
                 if($("#News_7").length){
                     $("#News_7").fadeIn("slow");
                     $("#News_7").attr('class', 'news_embed');
                 }
                 if($("#News_8").length){
                     $("#News_8").fadeIn("slow");
                     $("#News_8").attr('class', 'news_embed');
                 }
             }
             setTimeout(complete, 650);
          });
      }
  }
  
  
});


function initialize() {
 
    var latlng = new google.maps.LatLng(46.46863732802016, 2.5590822100639343);
    var myOptions = {
      zoom: 6,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
    jQuery.ez( 'ezjsAviron::getAllEvenement', {postData: ''}, function(data){
        comp = 0;
        tabmarker = data.content;
        infoWindow = new google.maps.InfoWindow();
        for(var i= 0; i < tabmarker.length; i++)
        {
            tabmarker[i].marker = new google.maps.Marker({
                map: map,
                value : i,
                position: new google.maps.LatLng(tabmarker[i][1]['latitude'],tabmarker[i][1]['longitude'])
            });
            tabmarker[i].contentString = tabmarker[i][2];
            
            tabmarker[i].infowindow = new google.maps.InfoWindow({
                content:  tabmarker[i].contentString
            });
            google.maps.event.addListener(tabmarker[i].marker, 'click', function() {
                tabmarker[this.value].infowindow.open(map,tabmarker[this.value].marker);
            }); 
        }
         
    } );
}


function initializeItineraire() {
    dirService = new google.maps.DirectionsService();
    dirRenderer = new google.maps.DirectionsRenderer();
    var latlng = new google.maps.LatLng(46.46863732802016, 2.5590822100639343);
    var myOptions = {
      zoom: 6,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas_itineraire"),
        myOptions);
    getDirections(map,dirService,dirRenderer);
    
}

function  getDirections(map,dirService,dirRenderer) {
    dirContainer = document.getElementById('dir-container');
    var fromStr = 'Rue Champ de Foire 30300 Beaucaire';
    var toStr = direction;
    var dirRequest = {
      origin: fromStr,
      destination: toStr,
      travelMode: google.maps.DirectionsTravelMode.DRIVING,
      unitSystem: google.maps.DirectionsUnitSystem.METRIC,
      provideRouteAlternatives: true
    };
    dirService.route(dirRequest, function( dirResult, dirStatus ){
        if (dirStatus != google.maps.DirectionsStatus.OK) {
          alert('Directions failed: ' + dirStatus);
          return;
        }
        dirRenderer.setMap(map);
        dirRenderer.setPanel(dirContainer);
        dirRenderer.setDirections(dirResult);
    });
}
