//Add more fields dynamically.
function addField(field,area,limit) {
 if(!document.getElementById) return; //Prevent older browsers from getting any further.
 var field_area = document.getElementById(area);
 var all_inputs = field_area.getElementsByTagName("input"); //Get all the input fields in the given area.
 //Find the count of the last element of the list. It will be in the format '<field><number>'. If the 
 //  field given in the argument is 'friend_' the last id will be 'friend_4'.
 var last_item = all_inputs.length - 1;
 var last = all_inputs[last_item].id;
 var count = Number(last.split("_")[1]) + 1;
 
 //If the maximum number of elements have been reached, exit the function.
 //  If the given limit is lower than 0, infinite number of fields can be created.
 if(count > limit && limit > 0) return;
  
 if(document.createElement) { //W3C Dom method.
  var li = document.createElement("li");
  var input = document.createElement("input");
  input.id = field+count;
  input.name = field+count;
  input.type = "text"; //Type of field - can be any valid input type like text,file,checkbox etc.
  input.value = 'http://';
  input.className = 'active';
  li.appendChild(input);
  var a = document.createElement("a");
  a.onclick = function() {
      var del = document.getElementById(field+count);
      del.parentNode.parentNode.removeChild(del.parentNode);
  };
  var img = document.createElement("img");
  img.src = "images/icons/delete_neu.jpg";
  img.className = 'remove_field';
  a.appendChild(img);
  li.appendChild(a);
  field_area.appendChild(li);
 } else { //Older Method
  field_area.innerHTML += "<li><input name='"+(field+count)+"' id='"+(field+count)+"' value='http://' type='text' class='active'><a onclick='this.parentNode.parentNode.removeChild(this.parentNode);'><img src='images/icons/delete_neu.jpg' class='remove_field'></a></li>";
 }
}