var Dom = {
    get: function(el) {
      if (typeof el === 'string') {
        return document.getElementById(el);
      } else {
        return el;
      }
    },
    add: function(el, dest) {
      var el = this.get(el);
      var dest = this.get(dest);
      dest.appendChild(el);
    },
    remove: function(el) {
      var el = this.get(el);
      el.parentNode.removeChild(el);
    }
  };

var Event = {
    add: function() {
      if (window.addEventListener) {
        return function(el, type, fn) {
          Dom.get(el).addEventListener(type, fn, false);
        };
      } else if (window.attachEvent) {
        return function(el, type, fn) {
          var f = function() {
            fn.call(Dom.get(el), window.event);
          };
          Dom.get(el).attachEvent('on' + type, f);
        };
      }
    }()
  };
  
  Event.add(window, 'load', function() {
    var i = 0;
    Event.add('addElement', 'click', function() {
      var el = document.createElement('div');
      var el2 = document.createElement('font');
      el.innerHTML = '<input class="memberForm" type="text" style="margin-bottom:4px" id="input' + ++i + '"/>';
      el2.innerHTML = '<img src="Images/bullet_delete.png" style="cursor:pointer" />';
      Dom.add(el, 'content');
      Dom.add(el2, el);
      Event.add(el2, 'click', function(e) {
        this.parentNode.parentNode.removeChild(this.parentNode);
        if(el.childNodes[0].title.length > 0){
            document.getElementById('ctl00_ContentPlaceHolder1_idsToDelete').value += el.childNodes[0].title + '$';
        }
      });
    });
  });