// use to give the preview of details for an event below a calendar
var updateEventDescription = function(event, jsEvent) {
  $("#event_quick_description").empty();
  $("#event_quick_description").append(
    $("<h3/>").append(
      $('<a/>', { text : event.title, href : event.url })
    )
  ).append(event.details);
  $("#event_quick_description").show();
}


jQuery(function($) {
  $('a.show_hide_link').attach(ShowHideLink);
});

/*
http://www.learningjquery.com/2007/08/clearing-form-data
*/
$.fn.clearForm = function() {
  return this.each(function() {
    var type = this.type, tag = this.tagName.toLowerCase();
    if (tag == 'form')
      return $(':input',this).clearForm();
    if (type == 'text' || type == 'password' || tag == 'textarea')
      this.value = '';
    else if (type == 'checkbox' || type == 'radio')
      this.checked = false;
    else if (tag == 'select')
      this.selectedIndex = -1;
  });
};

DynamicForm = $.klass({
  initialize: function(options) {
    this.formId = options.formId; // new_description
    this.formContainer = options.formContainer; // blank_description_form
    this.targetIdName = options.targetIdName; // file_attachment_id
    this.targetContentName = options.targetContentName; // file_attachment[description]
    this.targetContentType = options.targetContentType;
    this.actionPrefix = options.actionPrefix; // /file_attachments
  },
  onclick: function(e) {
    e.preventDefault();

    var targetIdValue = this.element.attr(this.targetIdName);
    var targetContentValue = this.element.attr(this.targetContentName);

    $('#' + this.formId).attr("action", this.actionPrefix + "/" + targetIdValue);

    $('#' + this.formId).clearForm();
    
    $('#' + this.formContainer).insertBefore(this.element);

    $(this.targetContentType + '[name='+ this.targetContentName +']').val(targetContentValue);

    $('#' + this.formContainer).show();
  }
});