addLoadListener(init);

function init()
{
  document.forms[0].onsubmit = validateFields;

  return true;
}

function validateFields()
{
  var surName = document.forms["contactform"]["surname"];
  var email = document.forms["contactform"]["email"];
  
 if (document.getElementById("errorMessage"))
    {
     var anchor = document.getElementById("errorMessage");
     var parent = anchor.parentNode;
     parent.removeChild(anchor);
    }
    
  if (document.getElementById("errorFooter"))
    {
     var anchor = document.getElementById("errorFooter");
     var parent = anchor.parentNode;
     parent.removeChild(anchor);
    }

  if (surName.value == "")
  {
    var errorDiv = document.createElement("div");
    var errorDiv2 = document.createElement("div");
    var errorMessage = document.createTextNode("Please enter your surname");
    var errorMessage2 = document.createTextNode("Please enter your surname in the Surname field above");

    errorDiv.appendChild(errorMessage);
    errorDiv.className = "errorMsg";
    errorDiv.setAttribute("id", "errorMessage");
    errorDiv2.appendChild(errorMessage2);
    errorDiv2.className = "errorMsg";
    errorDiv2.setAttribute("id", "errorFooter");

    var fieldLabel = surName.parentNode;
    var formerror = document.forms["contactform"];

    fieldLabel.appendChild(errorDiv);
    formerror.appendChild(errorDiv2);

    return false;
  }
  
    if (email.value == "")
  {
    var errorDiv3 = document.createElement("div");
    var errorMessage3 = document.createTextNode("Please enter your Email address");
    var errorDiv4 = document.createElement("div");
    var errorMessage4 = document.createTextNode("Please enter your Email address in the Email field above");

    errorDiv3.appendChild(errorMessage3);
    errorDiv3.className = "errorMsg";
    errorDiv3.setAttribute("id", "errorMessage");
    errorDiv4.appendChild(errorMessage4);
    errorDiv4.className = "errorMsg";
    errorDiv4.setAttribute("id", "errorFooter");

    var addLabel = email.parentNode;
    var addformerror = document.forms["contactform"];

    addLabel.appendChild(errorDiv3);
    addformerror.appendChild(errorDiv4);

    return false;
  }  
  
//      if (!/^[\w\.\-]+&([\w\-]+\.)+[a-zA-Z]+$/.test(email.value))
//  {
//    var errorDiv5 = document.createElement("div");
//    var errorMessage5 = document.createTextNode("Please enter a valid Email address");
//    var errorDiv6 = document.createElement("div");
//    var errorMessage6 = document.createTextNode("Please enter a valid Email address in the Email field above");

//    errorDiv5.appendChild(errorMessage5);
//    errorDiv5.className = "errorMsg";
//    errorDiv5.setAttribute("id", "errorMessage");
//    errorDiv6.appendChild(errorMessage6);
//    errorDiv6.className = "errorMsg";
//    errorDiv6.setAttribute("id", "errorFooter");

//    var addLabel = email.parentNode;
//    var addformerror = document.forms["contactform"];

//    addLabel.appendChild(errorDiv5);
//    addformerror.appendChild(errorDiv6);
//
//    return false;
//  }  
  
  return true;
}

function addLoadListener(fn)
{
  if (typeof window.addEventListener != 'undefined')
  {
    window.addEventListener('load', fn, false);
  }
  else if (typeof document.addEventListener != 'undefined')
  {
    document.addEventListener('load', fn, false);
  }
  else if (typeof window.attachEvent != 'undefined')
  {
    window.attachEvent('onload', fn);
  }
  else
  {
    var oldfn = window.onload;
    if (typeof window.onload != 'function')
    {
      window.onload = fn;
    }
    else
    {
      window.onload = function()
      {
        oldfn();
        fn();
      };
    }
  }
}