// Optimisation selon http://www.lejournaldublog.com/jquery-les-bonnes-pratiques/

$(document).ready(function(){
  
  $('#photo').animate({
        opacity: 0,
      }, 1, function() {
        // Animation complete.
      });  
});
 



$(window).load(function(){
  
  $('#photo').animate({
        opacity: 1,
      }, 500, function() {
        // Animation complete.
      });
  
  
  $('#photo_description').click(function(){
    
    if($('#photo_description').css('opacity') == 0)
    {
      $('#photo_description').animate({
        opacity: 1,
      }, 500, function() {
        // Animation complete.
      });
      //alert('0');
    }
    else
    {
      $('#photo_description').animate({
        opacity: 0,
      }, 500, function() {
        // Animation complete.
      });       
      //alert('1');
    }
  });
  
  
  // Navigation par clavier
  $(document).keydown(function (e)
  {
    if(e.keyCode == 37 && $("#photo_previous").attr("href").length > 0)
    {
       window.location = $("#photo_previous").attr("href");
    }
    if(e.keyCode == 39 && $("#photo_next").attr("href").length > 0)
    {
       window.location = $("#photo_next").attr("href");
    }
    
    // Projets
    if(e.keyCode == 38 && $("#previous_project").attr("href").length > 0)
    {
      window.location = $("#previous_project").attr("href");
    }
    if(e.keyCode == 40 && $("#next_project").attr("href").length > 0)
    {
       window.location = $("#next_project").attr("href");
    }    
  });  
  
});