/*
Script: advtag.js
Author: Kevin Morey
URL: http://kmorey.net
License: GPL
*/

var STR_REACTIVATE_TAGLINE = "Re-activate Tagline";
var STR_REMOVE_TAGLINE = "Remove Tagline";

var ID_ACTIVE = 'active_taglines';
var ID_REMOVED = 'removed_taglines';

function advtag_addTagline() {
  var textElem = $('add_text');
  var linkElem = $('add_link');

  advtag_newTagline(textElem.value, linkElem.value);

  textElem.value = "";
  linkElem.value = "";
}

function advtag_newTagline(text, link) {
  //TODO: create a class for the tagline elements
  var newElem = new Element('tr');

  var moveUpCell = new Element('td');
  var moveUpBtn = new Element('input', {'type' : 'button', 'class' : 'button btn-move-up', 'title' : 'Move Up', 'value' : '', 'onClick' : 'advtag_moveUp(this);'});
  moveUpBtn.inject(moveUpCell);

  var moveDownCell = new Element('td');
  var moveDownBtn = new Element('input', {'type' : 'button', 'class' : 'button btn-move-down', 'title' : 'Move Down', 'value' : '', 'onClick' : 'advtag_moveDown(this);'});
  moveDownBtn.inject(moveDownCell);

  var removeCell = new Element('td');
  var removeBtn = new Element('input', {'type' : 'button', 'class' : 'button btn-remove', 'title' : STR_REMOVE_TAGLINE, 'value' : '', 'onClick' : 'advtag_removeTag(this);'});
  removeBtn.inject(removeCell);

  var textCell = new Element('td');
  var textBox = new Element('input', {
    'class' : 'advtag-text-empty',
    'name' : 'tag[]',
    'type' : 'text',
    'size' : '50',
    'value' : text,
  });
  textBox.inject(textCell);

  var linkCell = new Element('td');
  var linkBox = new Element('input', {
    'class' : 'advtag-link-empty',
    'name' : 'link[]',
    'type' : 'text',
    'size' : '50',
    'value' : link,
  });
  linkBox.inject(linkCell);

  moveUpCell.inject(newElem);
  moveDownCell.inject(newElem);
  textCell.inject(newElem);
  linkCell.inject(newElem);
  removeCell.inject(newElem);
  
  newElem.inject($(ID_ACTIVE));
  
  advtag_updateButtons($(ID_ACTIVE));
  advtag_updateHeaders($(ID_ACTIVE));
}

function advtag_removeTag(sender) {
  var elem = $(sender).getParent('tr');
  if (elem == null) { return; }

  var parent = elem.getParent();
  var active = $(ID_ACTIVE);
  var removed = $(ID_REMOVED);

  if (parent == active) {
    elem.inject(removed);
  } else {
    elem.inject(active);
  }

  advtag_updateButtons(parent);
  
  //be sure to update both sets
  advtag_updateHeaders(active);
  advtag_updateHeaders(removed);
}

function advtag_updateHeaders(tbody) {
  var thead = tbody.getPrevious("thead");
  if (thead == null) { return; }
  
  if (tbody.getChildren().length > 0) {
    thead.setStyle('display', '');
  } else {
    thead.setStyle('display', 'none');
  }
}

function advtag_updateButtons(tbody) {
  tbody.getChildren('tr').each(advtag_updateRowButtons);
}

function advtag_updateRowButtons(elem, index, array) {
  //TODO: find a better way to get the buttons
  var children = elem.getChildren();
  var moveUpBtn = children[0].getChildren()[0];
  var moveDownBtn = children[1].getChildren()[0];
  var removeBtn = children[2].getChildren()[0];

  if (elem.getPrevious('tr') == null) {
    moveUpBtn.disabled = true;
  } else {
    moveUpBtn.disabled = false;
  }

  if (elem.getNext('tr') == null) {
    moveDownBtn.disabled = true;
  } else {
    moveDownBtn.disabled = false;
  }

  if (elem.getParent('tbody') == $(ID_ACTIVE)) {
    removeBtn.title = STR_REMOVE_TAGLINE;
  } else {
    removeBtn.title = STR_REACTIVATE_TAGLINE;
  }
}

function advtag_moveUp(sender) {
  var elem = $(sender).getParent('tr');
  if (elem == null) { return; }

  var prev = elem.getPrevious('tr');
  if (prev == null) { return; }

  elem.inject(prev, 'before');
  advtag_updateButtons(elem.getParent('tbody'));
}

function advtag_moveDown(sender) {
  var elem = $(sender).getParent('tr');
  if (elem == null) { return; }

  var next = elem.getNext('tr');
  if (next == null) { return; }

  elem.inject(next, 'after');
  advtag_updateButtons(elem.getParent('tbody'));
}

function advtag_purgeRemoved() {
  $(ID_REMOVED).getChildren('tr').each(advtag_purgeItem);
  
  advtag_updateHeaders($(ID_REMOVED));
}

function advtag_purgeItem(item, index, array) {
  item.dispose();
}