$(function() {
  widthContainer = 260*$('.ddcontainer').find('.box').length;
  $('.ddcontainer').css({'width':widthContainer+'px'});
  
  if($('.ddcontainer').find('.box').length > 1) {
    htmlp = '<div class="puls"><a id="ddindietro">&nbsp;</a><a id="ddavanti">&nbsp;</a></div>';
    $(htmlp).appendTo($('.ddcontainer').parent());
  }
  
  $('#ddindietro').addClass('dddisabled');
  
  $('#ddavanti').click(function() {
    if(!$(this).hasClass('dddisabled')) {
      $('#ddavanti').addClass('dddisabled');
      left = parseInt($('.ddcontainer').css('left').replace('px', ''));
      left = left - 260;
      $('.ddcontainer').animate({'left': left+'px'}, 'slow', function() {
        if(widthContainer - Math.abs(left) < (260)) {
          $('#ddavanti').addClass('dddisabled');
        } else {
          $('#ddavanti').removeClass('dddisabled');
        }
        if(left < 0) {
          $('#ddindietro').removeClass('dddisabled');
        }
      });
    }
  });
  
  $('#ddindietro').click(function() {
    if(!$(this).hasClass('dddisabled')) {
      $('#ddindietro').addClass('dddisabled');
      left = parseInt($('.ddcontainer').css('left').replace('px', ''));
      if(left < 0) {
        left += (260);
      }
      $('.ddcontainer').animate({'left': left+'px'}, 'slow', function() {
        if(left >= 0) {
          $('#ddindietro').addClass('dddisabled');
         } else {
          $('#ddindietro').removeClass('dddisabled');
         }
        
        if(left < widthContainer) {
          $('#ddavanti').removeClass('dddisabled');
        }
      });
    }
  });
  
});