FORGE.features.buttons = {
  init: function() {
    $.each($('.button-link-holder'), function() {
      var width = $(this).find('a:first').width();
      $(this).css('width', width + 'px');
    });
    $('div.button-link-holder').hover(
      function() { $(this).find('.hover').fadeIn(); },
      function() {
        $(this).find('.hover').fadeOut();
        $(this).find('.press').fadeOut();
      }
    );

    $('.button-link-holder').mousedown(function() {
      $(this).find('.press').fadeIn(80);
    });

    $('.button-link-holder').mouseup(function() {
      $(this).find('.press').fadeOut(80);
      window.location = $(this).find('a').attr('href');
    });

    $('#new-button').mousedown(function() {
      var button = $(this);
      button.find('img').attr('src', '<%= asset_path "forge/button-new-left-press.png" %>');
      setTimeout(function() { button.addClass('press') }, 0);
    });

    $('#new-button').bind('mouseup mouseout', function() {
      $(this).find('img').attr('src', '<%= asset_path "forge/button-new-left.png" %>');
      $(this).removeClass('press');
    });

    $(document).on('click', 'a.submit', function() {
      this.blur();
      $(this).closest('form').submit();
    });
  }
}