function toggle_disclosure(e) {
  var id = this;
  var disclosureTriangle = $('disclosure_' + id);
  if (disclosureTriangle.hasClassName("collapsed")) {
    expandDisclosure(id);
  }
  else {
    disclosureTriangle.removeClassName("expanded");
    disclosureTriangle.addClassName("collapsed");
    $('category_' + id + "_children").innerHTML = "";
  }
}

function expandDisclosure(id) {
  var disclosureTriangle = $('disclosure_' + id);
  disclosureTriangle.removeClassName("collapsed");
  disclosureTriangle.removeClassName("expanded");
  disclosureTriangle.addClassName("loading");
  new Ajax.Updater('category_' + id + "_children", "/admin/categories/" + id + "/children", {
                    method:"get", 
                    asynchronous:true, 
                    evalScripts:true,
                    onComplete: function(transport) {
                      disclosureTriangle.removeClassName("loading");
                      disclosureTriangle.addClassName("expanded");
                    }
                  });
}

function resizeRelativeToWindow() {
  var id = "category_root";
  var document_viewport_height = document.viewport.getHeight();
  var table_container = $(id);
  if (document_viewport_height < 100) {
    table_container.setStyle({ height: 'auto' });
  }
  else {
    var newHeight = table_container.getHeight() + (document_viewport_height - $('frame').getHeight()) - 56;
    if (newHeight < 50) newHeight = 50;
    table_container.setStyle({ height: newHeight + 'px' });
  }  
}

function fixTableColumnWidths(table_id) {
  Event.observe(window, 'load', function() {
    var ths = $$('#' + table_id + ' th');

    var thWidths = ths.collect(function(th){
      return th.getWidth() - Number(th.getStyle('paddingLeft').gsub('px', ''));
    });

    ths.each(function(th, index) {
      th.setStyle({width: (thWidths[index] - 2) + 'px'});
    });
  });
}

function resetTableColumnWidths(table_id) {
  $$('#' + table_id + ' th').each(function(th, index){
    th.setStyle({width: 'default'});
  });
  fixTableColumnWidths(table_id);
}

function restripeTable(id) {
  var index = 0;
  $A($(id).rows).each(function(row) {
    if (row.className == 'even' || row.className == 'odd') {
      if (index % 2 == 0) {
        row.className = 'even';
      }
      else {
        row.className = 'odd';
      }
      index = index + 1;
    }
  });
}

// TODO Use this!
function flash(key, message) {
  if ($('info') != null) { $('info').hide() }
  if ($('notice') != null) { $('notice').hide() }
  if ($('warn') != null) { $('warn').hide() }
  
  $(key + '_span').update(message);
  $(key).show();
}

function pinTo100PctVertical(id) {
  Event.observe(window, 'load', function() {
    sizeTo100PctVertical(id);
  });

  Event.observe(window, 'resize', function() {
    sizeTo100PctVertical(id);
  });
}

function sizeTo100PctVertical(id) {
  newHeight = ($(id).getHeight() + (document.viewport.getHeight() - $('body').offsetHeight)) - 16;
  $(id).setStyle( { height: newHeight + 'px' })
}

function autoComplete(model, attribute, path) {
  Event.observe(window, 'load', function() {
    new Ajax.Autocompleter(attribute + '_auto_complete', attribute + "_auto_complete_choices", path, {
      method: 'GET',
      paramName: 'name',
      indicator: attribute + '_auto_complete_progress', 
      minChars: 3, 
      afterUpdateElement: afterUpdateElement,
      frequency: 0.2
     });

    function afterUpdateElement(element, li) {
      $('event_' + attribute + '_id').value = Number(/\d+/.exec(li.id));
    }
  });  
}