$(function(){

  /* pretty much yoinked exactly from jQuery site */
  $("#nav-add-form").submit(function(event) {

    /* stop form from submitting normally */
    event.preventDefault();

    // my best take so far at scraping form data
    var formData = {};
    $.each($(this).serializeArray(), function(i, field) {
      formData[field.name] = field.value;
    });

    /* Send the data using post and put the results in a div */
    $.post( this.action + '.json', formData, function( data ) {
        $( "#display-new-shorts" ).append( data.html );
      }
    );

    $('#nav-add-form > input[name="shortener[url]"]').val("");

  });

  $('.delete-button').click(function(event){
    event.preventDefault();
    var btn = $(this);
    $.get(this.href + '.json', function(data){
      if (data.success === true) {
        // fadeOut on a tr doesn't work, but on td it does.
        btn.parent().parent('tr').find('td').fadeOut();
        // we don't explicitly need to do this, because next time the page
        // loads it won't be there. plus, it breaks our fadeout
        //btn.parent().parent('tr').remove();
      }
    });
  });

  $('.colorbox').each(function(index){
     $(this).colorbox({href: $(this).attr('href') + '?boxify=true' });
  });

  $(".tablesorter:has(tbody tr)").tablesorter();

});
window.advancedShown = false;
window.showHideAdvanced = function() {
  if(window.advancedShown === false) {
    $('#advanced-toggle').text('Hide Advanced Options');
    $('.advanced').removeClass('hide');
    $('.colorbox').colorbox.resize();
  } else {
    $('#advanced-toggle').text('Show Advanced Options');
    $('.advanced').addClass('hide');
    $('.colorbox').colorbox.resize();
  }
  window.advancedShown = !window.advancedShown;
};