function listAll(sender)
{
  var tableId = sender.replace('-a', '-tbl')
  this.list   = document.getElementById(tableId);
  this.toggler = document.getElementById(sender);

  this.listHide = function()
  {
    this.list.style.visibility = 'hidden';
  }

  this.listShow = function()
  {
    this.list.style.visibility = 'visible';
  }

  var tgl = this;
  this.toggler.onmouseover = function() { tgl.listShow(); }
  this.toggler.onmouseout  = function() { tgl.listHide(); }
  this.list.onmouseover    = function() { tgl.listShow(); }
  this.list.onmouseout     = function() { tgl.listHide(); }
  this.listHide();
}


function elementHandler ()
{
  this.buildInput = function(_type, _id, _value, _state)
  {
    var newElement = document.createElement('input')
    newElement.setAttribute('type', _type);
    newElement.setAttribute('id', _id);
    newElement.setAttribute('name', _id);
    if(_value) { newElement.setAttribute('value', _value); }
    if(_state) { newElement.setAttribute('checked', 'checked'); }
    return newElement;
  }

  this.buildButton = function(_type, _id)
  {
    var newElement = document.createElement('button')
    newElement.setAttribute('type', _type);
    if(_id)
    {
      newElement.setAttribute('id', _id);
      newElement.setAttribute('name', _id);
    }
    return newElement;
  }

  this.buildElement = function(_type, _id, _class)
  {
    var newElement = document.createElement(_type)
    if(_id) { newElement.setAttribute('id', _id); }
    if(_class) { newElement.className = _class; }
    return newElement;
  }

  this.buildTextarea = function(_value, _id)
  {
    var newElement = document.createElement('textarea')
    if(_value) { newElement.setAttribute('value', _value); }
    if(_id)
    {
      newElement.setAttribute('id', _id);
      newElement.setAttribute('name', _id);
    }
    return newElement;
  }

  this.buildLabel = function(_label, _id, _for)
  {
    var newElement = document.createElement('label')
    newElement.innerHTML = _label;
    if(_for) { newElement.setAttribute('for', _for); }
    if(_id) { newElement.setAttribute('id', _id); }
    return newElement;
  }

  this.buildImage = function(_src, _alt, _id)
  {
    var newElement = document.createElement('img')
    newElement.setAttribute('src', _src);
    if(_alt)
    {
      newElement.setAttribute('alt', _alt);
      newElement.setAttribute('title', _alt);
    }
    return newElement;
  }
}

window.onload = function()
{
  if(document.getElementById('quantity_1') != null)
	{
		set_spin();
	}
  if(document.getElementById('all-items-a') != null)
	{
    var itemsDisplay = new listAll('all-items-a');
  }
}