var counter = 1;

function addFriends(addButton)
{
  var Table = document.getElementById("tipAFriendBody");
  var tr = document.createElement("tr");

  var newNameTd = document.createElement("td");
  newNameTd.id = "name" + counter;
  newNameTd.className = "nameColEmpty";
  newNameTd.innerHTML = "<input name='name" + counter + "' type='text'/>";
  tr.appendChild(newNameTd);

  var newEmailTd = document.createElement("td");
  newEmailTd.id = "email" + counter;
  newEmailTd.className = "emailColEmpty";
  newEmailTd.innerHTML = "<input name='email" + counter + "' type='text'/>";
  tr.appendChild(newEmailTd);

  Table.appendChild(tr);
  counter++;
  
  if (counter == 5)
  	addButton.addClass("hidden");
}

function validate()
{
  var valid = true;

  
  if ($("myname").get("value") == "") {
  	$("myname").getParent().className = "emailColInvalid";
  	valid = false;
  }
  else {
  	$("myname").getParent().className = "emailColValid";
  }
  
  for (var i = 0; i < counter; i++)
  {
    var nameTd = document.getElementById("name" + i);
    var emailTd = document.getElementById("email" + i);

    var name = nameTd.firstChild;
    var email = emailTd.firstChild;

    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

    if (email.value == "" || reg.test(email.value) == false)
    {
      emailTd.className = "emailColInvalid";
      valid = false;
    }
    else
      emailTd.className = "emailColValid";

    if (name.value == "")
    {
      nameTd.className = "nameColInvalid";
      valid = false;
    }
    else
      nameTd.className = "nameColValid";
  }
  document.getElementById("totalFriends").setAttribute("value", counter);
  return valid;
}