/*
 * Limb PHP Framework
 *
 * @link http://limb-project.com
 * @copyright  Copyright © 2004-2007 BIT(http://bit-creative.com)
 * @license    LGPL http://www.gnu.org/copyleft/lesser.html
 */

Limb.Class('Limb.DynamicList',
{
  __construct: function(button_id, answer_sample_id, container_id, init_arr, init_func)
  {
    this.create_button = document.getElementById(button_id);
    this.answer_sample = document.getElementById(answer_sample_id);
    this.container = document.getElementById(container_id);
    this.create_button.controller = this;
    this.init_arr = init_arr;
    this.init_func = init_func;
    this.index = 0;
    this.init();
  },

  init: function()
  {
    for(i=0; i<this.init_arr.length; i++)
      this.addItem();

    this.create_button.onclick = function()
    {
      this.controller.addItem();
      Limb.DynamicList.setModifiedFlag();
      return false;
    }
    this.answer_sample.style.display = 'none';
  },

  setMaxItems: function(max_items, limit_error_msg)
  {
    this.max_items = max_items;
    this.limit_error_msg = limit_error_msg || 'Reached limit of items count';
  },

  addItem: function(top_obj)
  {
    if(this.max_items && (this.index >= this.max_items))
    {
      alert(this.limit_error_msg);
      return;
    }

    var div = document.createElement('div');
    if(top_obj)
    {
      var next = top_obj.nextSibling;
      if(next)
        div = this.container.insertBefore(div, next);
      else
        this.container.appendChild(div);
    }
    else
    {
      this.container.appendChild(div);
    }
    div.innerHTML = this.answer_sample.innerHTML;

    this.init_func(div, this.index, this.init_arr);

    this.initBehavior(div);
    this.index++;
  },

  initBehavior: function(div)
  {
    div.name = 'dynamic_list_row';

    var del = Limb.DynamicList.get_obj_by_id(div, 'del');
    if(del)
    {
      del.id = del.id + this.index;
      del.controller = this;
      del.onclick =  function()
      {
        var node = this;
        while((node = node.parentNode) != null)
        {
          if(node && node.name == 'dynamic_list_row')
          {
            node.parentNode.removeChild(node);
            Limb.DynamicList.setModifiedFlag();
          }
        }
        return false;
      }
    }

    var add = Limb.DynamicList.get_obj_by_id(div, 'add');
    if(add)
    {
      add.id = add.id + this.index;
      add.controller = this;
      add.div = div;
      add.onclick =  function()
      {
        this.controller.addItem(this.div);
        Limb.DynamicList.setModifiedFlag();
      }
    }

    var up = Limb.DynamicList.get_obj_by_id(div, 'up');
    if(up)
    {
      up.id = up.id + this.index;
      up.controller = this;
      up.div = div;
      up.onclick =  function()
      {
        if(!this.div.previousSibling) return;
        var tmp = this.div.parentNode.removeChild(this.div.previousSibling);

        if(this.div.nextSibling)
          this.controller.container.insertBefore(tmp, this.div.nextSibling);
        else
          this.controller.container.appendChild(tmp);

        Limb.DynamicList.setModifiedFlag();
      }
    }

    var down = Limb.DynamicList.get_obj_by_id(div, 'down');
    if(down)
    {
      down.id = down.id + this.index;
      down.controller = this;
      down.div = div;
      down.onclick =  function()
      {
        if(!this.div.nextSibling) return;
        var tmp = this.div.parentNode.removeChild(this.div.nextSibling);

        this.controller.container.insertBefore(tmp, this.div);

        Limb.DynamicList.setModifiedFlag();
      }
    }
  },

  fixSelectValues: function(original, clone)
  {
    var selects = original.getElementsByTagName('select');
    var clone_selects = clone.getElementsByTagName('select');

    for(var i=0; (i < clone_selects.length); i++)
      clone_selects[i].selectedIndex = selects[i].selectedIndex;
  },

  static:
  {
    is_modified: 0,
    setModifiedFlag: function()
    {
      Limb.DynamicList.is_modified = 1;
    },

    get_obj_by_id: function(node, id)
    {
      if(node.id == id)
        return node;

      if(!node.hasChildNodes())
        return null;

      result = null;

      for(var i = 0; (i < node.childNodes.length && !result); i++)
        result = Limb.DynamicList.get_obj_by_id(node.childNodes[i], id);

      return result;
    }
  }
});

Limb.Class('Limb.DoubleSelect',
{
  __construct: function(instanceName)
  {
    // Properties

    this.instanceName	= instanceName;

    this.select = null;
    this.srcSelect = null;
    this.dstSelect = null;
    this.replaceSelect();

  },

  replaceSelect: function()
  {
    this.select = document.getElementById(this.instanceName);
    this.drawControl();
    this.drawOptions();
  },

  drawOptions: function()
  {
    this.dstSelect.options.length = 0;
    this.srcSelect.options.length = 0;

    for(i = 0; i < this.select.options.length; i++)
    {
      if(this.select.options[i].selected)
        option = this.addElement('option', this.dstSelect);
      else
        option = this.addElement('option', this.srcSelect);

      option.value = this.select.options[i].value;
      option.text = this.select.options[i].text;
      option.selected = false;
    }
  },

  drawControl: function()
  {
    this.select.style.display = 'none';
    var parent = this.select.parentNode;
    var div = this.addElement('div', parent);
    div.className = 'DoubleSelect';

    div.innerHTML = "<table><tr><td></td><td class='buttons'></td><td></td></tr></table>";

    var container = div.childNodes[0].childNodes[0].childNodes[0];

    this.srcSelect = this.addSelector(container.childNodes[2]);
    this.makeupSelector(this.srcSelect, this.select)
    this.addButtons(container.childNodes[1]);
    this.dstSelect = this.addSelector(container.childNodes[0])
    this.makeupSelector(this.dstSelect, this.select)

  },

  makeupSelector: function(src, example)
  {
    if(example.style.width)
      src.style.width = example.style.width;
    else
      src.style.width = '200px';
    if(example.size)
      src.size = example.size;
    else if(example.style.height)
      src.style.height = example.style.height;
    else
      src.style.height = '200px';
  },

  addSelector: function(parent)
  {
    parent.innerHTML = "<select multiple></select>"
    return parent.childNodes[0];
  },

  addButtons: function(parent)
  {
    button  = this.addButton(parent);
    button.value = '<<';
    button.onclick = this.selectAll;
    button.className = 'button';

    this.addElement('br', parent);
    this.addElement('br', parent);

    button  = this.addButton(parent);
    button.value = ' < ';
    button.className = 'button';
    button.onclick = this.selectItems;

    this.addElement('br', parent);
    this.addElement('br', parent);

    button  = this.addButton(parent);
    button.value = ' > ';
    button.className = 'button';
    button.onclick = this.deselectItems;

    this.addElement('br', parent);
    this.addElement('br', parent);

    button  = this.addButton(parent);
    button.value = '>>';
    button.className = 'button';
    button.onclick = this.deselectAll;
  },

  addElement: function(type, parent)
  {
    element = document.createElement(type);
    parent.appendChild(element);
    return element;
  },

  addButton: function(parent)
  {
    element = document.createElement('input');
    element.type = 'button';
    element.style.display = 'inline';
    element.selector_obj = this;
    parent.appendChild(element);
    return element;
  },

  selectAll: function()
  {
    var selector = this.selector_obj;
    for(i = 0; i < selector.select.options.length; i++)
      selector.select.options[i].selected = true;
    selector.drawOptions();
    return false;
  },

  deselectAll: function()
  {
    var selector = this.selector_obj;
    for(i = 0; i < selector.select.options.length; i++)
      selector.select.options[i].selected = false;
    selector.drawOptions();
    return false;
  },

  selectItems: function()
  {
    this.selector_obj.setSelection(this.selector_obj.srcSelect, this.selector_obj.select, true);
    this.selector_obj.drawOptions();
    return false;
  },

  deselectItems: function()
  {
    this.selector_obj.setSelection(this.selector_obj.dstSelect, this.selector_obj.select, false);
    this.selector_obj.drawOptions();
    return false;
  },

  setSelection: function(source, main, selected)
  {
    for(i = 0; i < source.options.length; i++)
    {
      if(!source.options[i].selected)
        continue;
      for(j = 0; j < main.options.length; j++)
      {
        if(main.options[j].value == source.options[i].value &&
           main.options[j].text == source.options[i].text)
        {
          main.options[j].selected = selected;
          continue;
        }
      }
    }
  }
}
);