$(document).ready(function() {
/////////////////////////////////////////////////////
///// programme - par films - par date
//////////////////////////////////////////////////////
      $('#seances ul.onglets a').click(function(e){
      $('#seances ul.onglets a.selected').removeClass('selected');
      $(this).addClass('selected');
      $('#seances ul.onglets_content li').hide();
      
      var liId = $(this).parents('li').attr('id');
      if (liId == "seance_film")
         { $('#seance_par_film').fadeIn('fast'); }
      if (liId == "seance_date")
         { $('#seance_par_date').fadeIn('fast'); }

      e.preventDefault();
      return false;
   });
/////////////////////////////////////////////////////
///// infos pratiques
//////////////////////////////////////////////////////
   $('#infos ul.onglets a').click(function(e){
      $('#infos ul.onglets a.selected').removeClass('selected');
      $(this).addClass('selected');
      $('#infos ul.onglets_content li').hide();
      
      var liId = $(this).parents('li').attr('id');
      if (liId == "infos_acces")
         { $('#acces').fadeIn('fast'); }
      if (liId == "infos_tarifs")
         { $('#tarifs').fadeIn('fast'); }

      e.preventDefault();
      return false;
   });
/////////////////////////////////////////////////////
///// envoi mail
//////////////////////////////////////////////////////
  $('#sendmail').click(function(e){
      // fenetre     
      // formulaire
      $('body').append('<div id="mail_form"><div class="blackbox close_button" id="mail_form_close">FERMER X </div><h2> </h2><label for="mail_form_name">NOM<input type="text" id="mail_form_name"></label><label for="mail_form_email">EMAIL<input type="text" id="mail_form_email"></label><label for="mail_form_message">MESSAGE<textarea id="mail_form_message"></textarea></label><input  type="submit" id="mail_form_send" value="envoyer" /></div>');
      $('#mail_form').fadeIn();
      
      e.preventDefault();
      return false;
   });
   
   $('#mail_form_close').live("click", function(){
      $('#mail_form').fadeOut().remove();
   });
  
   $('#mail_form_send').live("click", function(){
      // validation champs vides
      $('#mail_form_name').css('border', '1px solid #cccccc');
      $('#mail_form_email').css('border', '1px solid #cccccc');
      $('#mail_form_message').css('border', '1px solid #cccccc');
      
      if ($('#mail_form_name').val() == "") {
         $('#mail_form_name').css('border', '1px solid #ff0000');
         return;
      }
      if ($('#mail_form_email').val() == "") {
         $('#mail_form_email').css('border', '1px solid #ff0000');
         return;
      }
      if ($('#mail_form_message').val() == "") {
         $('#mail_form_message').css('border', '1px solid #ff0000');
         return;
      }
      
/////////////////////////////////////////////////////
///// lancement Ajax
//////////////////////////////////////////////////////
      $.ajax({
         type: "POST",       
         timeout: 20000,
         data: {
            submit: 'submit',
            mail_name: $('#mail_form_name').val(),
            mail_email: $('#mail_form_email').val(),
            mail_message: $('#mail_form_message').val() },
         url: 'http://www.actioncinemas.com/contact.php',
         success: function() {
            $("#mail_form label").remove();
            $("#mail_form input").remove();
            $("#mail_form").append('<p class="confirmation">Message envoy&eacute; !</p>');
         },
         error: function() {
            $("#mail_form label").remove();
            $("#mail_form input").remove();
            $("#mail_form").append('<p class="confirmation">Le message n\'a pas été envoy&eacute; !</p>');
                  
         }
      });
   });
   

   
/////////////////////////////////////////////////////
///// slider
//////////////////////////////////////////////////////
   if ($('body').hasClass('accueil')) { 

      // Add arrow
      $('#slider').append('<div class="sliderRightArrow"></div><div class="sliderLeftArrow"></div>');

      // Activate Slider//////////////////////////vitesse/////////////////////
      setInterval("sliderSwitch()", 4000 ); 
      
      // Save SliderLink and remove title
      $('.sliderOverlay').each(function(){
         $(this).data('link_location', $(this).attr('title'))
         $(this).removeAttr('title');
      });
      
      // Click on slider Image
      $('.sliderOverlay').click(function(){
         window.location = $(this).data('link_location');
      });
   }
   $('.sliderRightArrow').click(function(){ sliderSet("next"); })
   $('.sliderLeftArrow').click(function(){ sliderSet("back"); })
});

var sliderInTransition = false;
function sliderSwitch() {
   sliderInTransition = true;

   // Get slider items
   var items = $('#slider').children(".sliderItem");
      
   // Get current active index
   var indexActive = -1;
   for (var i=0; i< items.length; i++)
      { if ($(items[i]).hasClass('sliderActive')) { indexActive = i; break; } }
   if (indexActive == -1) { return; }
   
   // Get next Item index
   var indexNext = -1;
   for (var i=0; i< items.length; i++)
      { if ($(items[i]).hasClass('sliderNext')) { indexNext = i; break; } }
   if (indexNext == -1) { return; }
   
   // Process next item index
   var indexNextInLine = (indexNext + 1 < items.length) ? (indexNext + 1) : 0;
   
   // Fade Out current Item and adjust classes
   $(".sliderActive").fadeOut('slow', function(){
      $(items[indexActive]).removeClass("sliderActive");
      $(items[indexNext]).addClass("sliderActive");
      $(items[indexNext]).removeClass("sliderNext");
      $(items[indexNextInLine]).addClass("sliderNext");
      sliderInTransition = false;
   });
}

function sliderSet(sens) {
   if (sliderInTransition) { return; }
   
   // Get slider items
   var items = $('#slider').children(".sliderItem");

   // Get current active index
   var indexActive = -1;
   for (var i=0; i< items.length; i++)
      { if ($(items[i]).hasClass('sliderActive')) { indexActive = i; break; } }
   if (indexActive == -1) { return; }
   
   // Get next Item index
   var indexNext = -1;
   for (var i=0; i< items.length; i++)
      { if ($(items[i]).hasClass('sliderNext')) { indexNext = i; break; } }
   if (indexNext == -1) { return; }
   
   // Next
   if (sens == "next") {
      $(items[indexActive]).removeClass("sliderActive");
      $(items[indexNext]).removeClass("sliderNext");
      var indexActive = indexNext;
      var indexNext = (indexNext + 1 < items.length) ? (indexNext + 1) : 0;
      $(items[indexActive]).addClass("sliderActive");
      $(items[indexNext]).addClass("sliderNext");
   }

   // Back
   if (sens == "back") {
      $(items[indexActive]).removeClass("sliderActive");
      $(items[indexNext]).removeClass("sliderNext");
      var indexActive = (indexActive == 0) ? (items.length - 1) : (indexActive - 1);
      var indexNext = (indexActive + 1 < items.length) ? (indexActive + 1) : 0;
      $(items[indexActive]).addClass("sliderActive");
      $(items[indexNext]).addClass("sliderNext");
   }
}