// JavaScript Document

jQuery(function($) { 
  $('button.rosary_counter').click(function() { 
    var form = $(this).parents("form")[0];
    $('button.rosary_counter').attr("disabled", true);
    //TODO: Show spinny progress thing next to rosary counter?
//  alert("Form: " + this.name + " -> " + this.value);
    var args = {}
    args[this.name] = this.value;
    $.post(form.action, 
      args,
      function(data){
        $('button.rosary_counter').attr("disabled", false);
        $('#rosary_count_number')
          .text(data)
          .animate({backgroundColor:"wheat"}, 500)
          .animate({backgroundColor:"white"}, 500);
        //alert("Data Loaded: " + data);
      });
    return false;
  }); 
});