
function ImageAttachments(attachContainer) {

  this.add = function (fName, fEmail, isWrongFEmail) {

    if (listLength < MAX_IMAGES) {
      var uid = "i" + listItemCode;

      fName = (typeof fName == "undefined") ? "" : fName;
      fEmail = (typeof fEmail == "undefined") ? "" : fEmail;

      // Creating fields
      with (listItems[uid] = document.createElement("div")) {
          className = "fieldRow";

          innerHTML = '<span class="subField"><input type="file" name="images[]" /></span>'
                    + '<span class="subField">&nbsp;&nbsp;<a href="#">Cancel</a></span>';
      }
      // Setting "delete" event handler
      h  = new (function () {
          var u = uid;

          this.remove = function () {
              self.remove(u);
              return false;
          }
      })();
      listItems[uid].getElementsByTagName("a")[0].onclick = h.remove;

      // Adding fields to container, before "add one more friend" block
      attachContainer.insertBefore(listItems[uid], s);

      ++listItemCode;
      ++listLength;

      return uid;
    } else {
      alert("Не дозволяється додавати більше " + MAX_IMAGES + " зображень!")
    }
  }

  this.remove = function (uid) {
    if (listItems[uid]) {
      attachContainer.removeChild(listItems[uid]);
      --listLength;
      return true;
    } else {
      return false;
    }
  }

  // Initialization

  var self = this,
    listItemCode = 2,
    listLength = 0,
    listItems = {},

    s, // first element of the "add one more friend" block
    p, // temporary
    h, // temporary

    MAX_IMAGES = 10; // Maximum number of friends

  // Adding "add one more friend" block
  with (s = document.createElement("div")) {
    //className = "hSeparator";
    //innerHTML = "&nbsp;";
  }
  attachContainer.appendChild(s);
  p = document.createElement("p");
  attachContainer.appendChild(p);

  p.innerHTML = '<img src="i/forum/attach_file.gif" width="11" height="14" border="0" align="absmiddle" />&nbsp;<a href="#">Add picture</a>';

  p = p.getElementsByTagName("a")[0];
  p.onclick = function () {
    self.add();
    return false;
  }

}
