function addrow(author, country, id, where) {

    // make us a span with some content
    var el = document.createElement('span');
    el.innerHTML = '<input value="'+id+'" style="text-align:right;" type="text" readonly="readonly" size="6" ><input value="'+author+'" type="text" readonly="readonly" size="30" ><input value="'+country+'" type="text" readonly="readonly" size="10" >';

    // create and add button to our span
    var button = document.createElement("input");
    button.setAttribute("type", "button");
    button.setAttribute("value", "remove");
    button.setAttribute("id", id); // place selected ID in the button element
    el.appendChild(button);

    // add a linefeed
    el.appendChild(document.createElement("br"));

    // add all to our div
    Dom.add(el, where);

    // add on-click-remove functionality to button
    Event.add(button, 'click', function(e) {

      // remove item from choice
      for (var i = 0; i < choice.length; i++) {
          if (this.id == choice[i]) {
              choice.splice(i, 1)
          }
      }

      Dom.remove(this.parentNode);
    });
}

Event.add(window, 'load', function() {

  Event.add('add-element', 'click', function() {

    // get ID from dialog
    var id = 20;

    // check if this ID is in the selected array, if yes, return
    for (var i = 0; i < choice.length; i++) {
        if (id == choice[i]) {
            return;
        }
    }

    // append ID to array
    choice.push(id);

    // add row with info to screen (and place ID in the removebutton element)
    addrow('Heinz Ketchup',allitems[id],id, 'multirows');

  });
});

var choice = [36, 4, 8 , 20, 70, 100, 400];

var allitems = [
	"Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron",
	"Albany", "Alexandria", "Alger", "Alledonia", "Alliance", "Alpha", "Alvada",
	"Alvordton", "Amanda", "Amelia", "Amesville", "Amherst", "Amlin", "Amsden",
	"Amsterdam", ...
];

function fillin() {
	for (var i = 0; i < choice.length; i++) {
		addrow('',allitems[choice[i]], choice[i], 'multirows');
	}
}

window.onload = fillin;

pEvent = pEvent || window.event;
    var target = pEvent.target || pEvent.srcElement;