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;
    var o = 0;
    var p = 0;
    Event.add('add-element', 'click', function() {
      var el = document.createElement('div');
      el.id ="content-prodcut ";
      el.innerHTML = '<form><input type="text" size="50px" name="product' + ++i + '" value="product naam"  class="cleardefault" style="font-size: 24px" />&nbsp;<input type="text" size="5px" name="eenheid' + ++o + '" value="eenheid" class="cleardefault" style="font-size: 18px" />&nbsp;<input type="text" size="2px" name="prijs' + ++p + '" value="prijs" class="cleardefault" style="font-size: 50px; text-align: right;" /> </form>';
      Dom.add(el, 'content');
      Event.add(el, 'click', function(e) {
      });
    });
   });