function showRemaining()
{

  var remainingDisplayName = document.getElementById('charsLeftName');

  var nameInput = document.forms['myForm'].elements['voucher_name'];

  if (nameInput.value.length == "")
  {
    remainingDisplayName.style.color = "black";
  }
    else
    {
      remainingDisplayName.style.color = "red";
    }

  if (nameInput.value.length > (nameInput.maxLength - 10))
  {
    remainingDisplayName.innerHTML = "0" + (nameInput.maxLength - nameInput.value.length);
  }
    else
    {
      remainingDisplayName.innerHTML = nameInput.maxLength - nameInput.value.length;
    }


  var remainingDisplayMessage1 = document.getElementById('charsLeftMessage1');

  var messageInput1 = document.forms['myForm'].elements['message_1'];

  if (messageInput1.value.length == "")
  {
    remainingDisplayMessage1.style.color = "black";
  }
    else
    {
      remainingDisplayMessage1.style.color = "red";
    }

  if (messageInput1.value.length > (messageInput1.maxLength - 10))
  {
    remainingDisplayMessage1.innerHTML = "0" + (messageInput1.maxLength - messageInput1.value.length);
  }
    else
    {
      remainingDisplayMessage1.innerHTML = messageInput1.maxLength - messageInput1.value.length;
    }

  var remainingDisplayMessage2 = document.getElementById('charsLeftMessage2');

  var messageInput2 = document.forms['myForm'].elements['message_2'];

  if (messageInput2.value.length == "")
  {
    remainingDisplayMessage2.style.color = "black";
  }
    else
    {
      remainingDisplayMessage2.style.color = "red";
    }

  if (messageInput2.value.length > (messageInput2.maxLength - 10))
  {
    remainingDisplayMessage2.innerHTML = "0" + (messageInput2.maxLength - messageInput2.value.length);
  }
    else
    {
      remainingDisplayMessage2.innerHTML = messageInput2.maxLength - messageInput2.value.length;
    }

  var remainingDisplayMessage3 = document.getElementById('charsLeftMessage3');

  var messageInput3 = document.forms['myForm'].elements['message_3'];

  if (messageInput3.value.length == "")
  {
    remainingDisplayMessage3.style.color = "black";
  }
    else
    {
      remainingDisplayMessage3.style.color = "red";
    }

  if (messageInput3.value.length > (messageInput3.maxLength - 10))
  {
    remainingDisplayMessage3.innerHTML = "0" + (messageInput3.maxLength - messageInput3.value.length);
  }
    else
    {
      remainingDisplayMessage3.innerHTML = messageInput3.maxLength - messageInput3.value.length;
    }

}


function valForm()
{
  var result = "";

  var txt = "You have not fully completed the form\n\nPlease check these inputs:\n\n";

  var warn = new Array();

  warn[0] = "* Recipient's name\n";
  //warn[1] = "* Type of Voucher\n";

  var F = document.forms[0];

//////////////////////////////////////////////////////

  if (F.voucher_name.value.length < 1)
  {
    result += warn[0];
  }

//////////////////////////////////////////////////////
/*
   var typeOfVoucher = 0;

   for(x = 0;x < F.when.length;x++)
   {
     if(F.when[x].checked)
     {
       typeOfVoucher = 1;
     }
   }
       if(typeOfVoucher == 0)
       {
         result += warn[1];
       }
*/
/////////////////////////////////////////////////////////



   if(result.length > 0)
   {
     alert(txt + result + "\n__________________\n\nThanks!");

     return false;
   }
     else
     {
       return true;
     }
}