function isValidEmail(str) 
{
 return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
}

function validate(id)
{
	
	var elem = document.getElementById(id);
	//var txt = elem.value;

	if ((elem.value == "") || ((id == "frm_email") && !(isValidEmail(elem.value)))) 
    {
	 elem.setAttribute("class", "error1");
     return 0;
    }
	else 
	{
	 elem.setAttribute("class", "norm");
	 return 1;
	}
}

function validateAll()
{
	var proceed = 1;
	if (!validate("frm_name")) proceed = 0;
	if (!validate("frm_email")) proceed = 0;
	if (!validate("frm_phone")) proceed = 0;
	if (!validate("frm_comment")) proceed = 0;

	if (proceed)
		//document.forms["form1"].submit();
	 return true;
	else
     return false; 	
}

function postData()
{
	if (validateAll())
	{
	 ajaxSubmit();
	}
	return false;
}

function ajaxSubmit(url)
{
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
{
  f = document.getElementById("form1");
  //f.innerHTML = xmlhttp.responseText;

  if (xmlhttp.responseText == "ok")
   f.innerHTML = "<div style='text-align: left; height: 187px;'><h2><br><br>Thank You!</h2> <br><br>Your data has been submitted!</div>";
  else
   f.innerHTML = "<div style='text-align: left; height: 187px;'><h2><br><br>Error!</h2> <br><br>Data submittion proces encountered and error. Please try again!</div>";

 }
}

name = document.getElementById("frm_name").value;
email = document.getElementById("frm_email").value;
phone = document.getElementById("frm_phone").value;
comment = document.getElementById("frm_comment").value;
comment = comment.replace(/\n/g, "<br />");

url = "/wp-content/themes/tutorialicious/send_mail.php?type=comment&frm_name=" + name + "&frm_email=" + email + "&frm_phone=" + 
       phone + "&frm_comment=" + comment;

xmlhttp.open("GET",url,true);
xmlhttp.send(null);

}

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

function validateAllRes()
{
	var proceed = 1;
	if (!validate("frm_name")) proceed = 0;
	if (!validate("frm_email")) proceed = 0;
	if (!validate("frm_phone")) proceed = 0;
	if (!validate("frm_comment")) proceed = 0;

	if (proceed)
		//document.forms["form1"].submit();
	 return true;
	else
     return false; 	
}

function postDataRes()
{
	if (validateAllRes())
	{
	 ajaxSubmitRes();
	}
	return false;
}

function ajaxSubmitRes(url)
{
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
{
  f = document.getElementById("form1");
  //f.innerHTML = xmlhttp.responseText;

  if (xmlhttp.responseText == "ok")
   f.innerHTML = "<div style='text-align: left; height: 187px;'><h2><br><br>Thank You!</h2> <br><br>Your data has been submitted!</div>";
  else
   f.innerHTML = "<div style='text-align: left; height: 187px;'><h2><br><br>Error!</h2> <br><br>Data submittion proces encountered and error. Please try again!</div>";

 }
}

name = document.getElementById("frm_name").value;
email = document.getElementById("frm_email").value;
phone = document.getElementById("frm_phone").value;
guests = document.getElementById("frm_guests").value;
comment = document.getElementById("frm_comment").value;
comment = comment.replace(/\n/g, "<br />");

url = "/wp-content/themes/tutorialicious/send_mail.php?type=reservation&frm_name=" + name + "&frm_email=" + email + "&frm_phone=" + 
       phone + "&frm_guests=" + guests +"&frm_comment=" + comment;

xmlhttp.open("GET",url,true);
xmlhttp.send(null);

}