jQuery(document).ready(function($) {

  //window scrolls check
  $(window).scroll(function() {
      var topOfWindow = $(window).scrollTop();
      // console.log('topOfWindow',topOfWindow);
      if (topOfWindow > 100) {
          $("#top-bar").addClass("reduced");
      }
      else {
          $("#top-bar").removeClass("reduced");
      }
  });

  // init categories content images behaviour
  if($('body').is('.categories')){
    // console.log('hello');
    var $diapo = $('<div id="diaporama"></div>');
    $("#categories-content")
      .before($diapo)
      .find('li.project').each(function(index, el) {
        // console.log(index);
        $(this)
          .addClass('projet-'+index)
          .hover(function (e) {
            $diapo.children().removeClass('visible');
            var c = $(this).attr('class').match('projet-[0-9]+');
            console.log("class",c[0]);
            $diapo.children('.'+c[0]).addClass('visible');
          })
          .find('.projet-img')
            .addClass('projet-'+index)
            .appendTo($diapo);
      });
    $diapo.children('.projet-img').first().addClass('visible');
  }

  // init Masonry
  var $grid = $('.grid').masonry({
    itemSelector: '.grid-block',
    transitionDuration: '0.4s'
  });

  $grid.imagesLoaded().progress(function(){
    $grid.masonry('layout');
  });
});