$(document).ready(function() {
    $('#search-form-head, .topbar h3').css('opacity', 1);

    $('#result-list').masonry({
        itemSelector: '.product',
        isAnimated: Modernizr.csstransitions
    });

    var $topbarinput = $('#search-form-head input');
    $topbarinput.change(function() {
        $.getJSON('/recherche/recherche-all?search_term=' + $topbarinput.val(),
        function(datas) {
            showProducts(datas);
        });
    });
    
    //setInterval(function(){$('#result-list').masonry('reload');},2000);
    
});

function showProducts(datas) {
  $('#result-list').html('');
  var boxes = [];
  for (var i=0; i < datas.Products.length; i++ ) {
    var content = '';
    content += '<img src="'+datas.Products[i].images.medium+'"/>'
    content += '<p>'+datas.Products[i].title+'</p>'
    var box = $(document.createElement('div')).addClass('product col1').html(content);
    $('#result-list').prepend(box).masonry('appended', box).masonry('reload');
    
    $('#result-list .product img').load(function(){
      $('#result-list').masonry('reload');
    });
  }
}