// JavaScript Document
function getXmlHttpRequestObject() {
 if (window.XMLHttpRequest) {
    return new XMLHttpRequest(); //Mozilla, Safari ...
 } else if (window.ActiveXObject) {
    return new ActiveXObject("Microsoft.XMLHTTP"); //IE
 } else {
    //Display our error message
    alert("Your browser doesn't support the XmlHttpRequest object.");
 }
}

var httpobj = getXmlHttpRequestObject();

function validateusername(value)
{
	var usernameRegEx = /^([a-zA-Z0-9])+$/;
	if(!value.match(usernameRegEx))
	{
		document.getElementById("m_username").style.border="1px #F00 solid";
		document.getElementById("m_username_err").innerHTML="The address may contain only letters and numbers";
	}
	else
	{
		var url="validate_username.php?username="+value;
		httpobj.open("GET", url, true);
		document.getElementById("m_username_err").innerHTML="Checking...";
		httpobj.onreadystatechange= handleuserresponse;
		httpobj.send(null);
	}
}
function handleuserresponse()
{
 if (httpobj.readyState == 4)
  {
  	if(httpobj.responseText=="0")
	{
		document.getElementById("m_username_err").innerHTML="is unavailable";
		document.getElementById("is_u_available").value="0";
		msg="yes";
	}
	else
	{
		document.getElementById("m_username_err").innerHTML="Available";
		document.getElementById("is_u_available").value="1";
	}
  }
}

var httpobj = getXmlHttpRequestObject();

function changeHeaders(id,bg)
{
	var url="get_headers.php?colorid="+id;
	
	var allid;
	allid=document.getElementById("colorids").value.split(":");
	for(i=1;i<allid.length;i++)
	{
		if(allid[i]!=id)
		{
			document.getElementById("c:"+allid[i]).style.border="5px solid #e2eadd";
		}
	}
	document.getElementById("c:"+id).style.border="5px solid #CCCCCC";
	document.getElementById("templatePreview").src=bg;
	document.getElementById("scolorid").value=id;//change color id
	httpobj.open("GET", url, true);
	httpobj.onreadystatechange= handleresponse;
	httpobj.send(null);
}
function handleresponse()
{
 if (httpobj.readyState == 4)
  {
	  document.getElementById("headersdiv").innerHTML=httpobj.responseText
	  document.getElementById("templatePreviewBanner").src=document.getElementById("firstimg").value;
  }
}


function changeHeaders1(id,bg)
{
	var allid;
	allid=document.getElementById("hids").value.split(":");
	for(i=1;i<allid.length;i++)
	{
		if(allid[i]!=id)
		{
			document.getElementById("h:"+allid[i]).style.border="5px solid #e2eadd";
		}
	}
	document.getElementById("h:"+id).style.border="5px solid #CCCCCC";
	document.getElementById("templatePreviewBanner").src=bg;
	document.getElementById("shid").value=id;//change header id
}


function validate_create_memorial(frm)
{
	var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	var usernameRegEx = /^([a-zA-Z0-9])+$/;
	var msg="";
	
	if(frm.loginid.value=="")
	{
		if(frm.m_yourname.value=="")
		{
			frm.m_yourname.style.border="1px #F00 solid";
			document.getElementById("m_yourname_err").innerHTML="Please Enter Your Name";
			msg="yes";
		}
		else
		{
			frm.m_yourname.style.border="1px #000000 solid";
			document.getElementById("m_yourname_err").innerHTML="";
		}
		
		if(frm.m_email.value=="")
		{
			frm.m_email.style.border="1px #F00 solid";
			document.getElementById("m_email_err").innerHTML="Please Enter Your Email Address";
			msg="yes";
		}
		else if(!frm.m_email.value.match(emailRegEx))
		{
			frm.m_email.style.border="1px #F00 solid";
			document.getElementById("m_email_err").innerHTML="Please Enter Valid Email Address";
			msg="yes";
		}
		else
		{
			frm.m_email.style.border="1px #000000 solid";
			document.getElementById("m_email_err").innerHTML="";
		}
		
		if(frm.m_password.value=="")
		{
			frm.m_password.style.border="1px #F00 solid";
			document.getElementById("m_password_err").innerHTML="Please Enter Your Password";
			msg="yes";
		}
		else if(frm.m_password.value.length<5)
		{
			frm.m_password.style.border="1px #F00 solid";
			document.getElementById("m_password_err").innerHTML="Password should be > 5";
			msg="yes";
		}
		else
		{
			frm.m_password.style.border="1px #000000 solid";
			document.getElementById("m_password_err").innerHTML="";
		}
	}
	
	if(frm.m_fullname.value=="")
	{
		frm.m_fullname.style.border="1px #F00 solid";
		document.getElementById("m_fullname_err").innerHTML="Please provide their name";
	}
	else
	{
		frm.m_fullname.style.border="1px #000000 solid";
		document.getElementById("m_fullname_err").innerHTML="";
	}

	if(frm.m_country.selectedIndex<=0)
	{
		frm.m_country.style.border="1px #F00 solid";
		document.getElementById("m_country_err").innerHTML="Please select country";
		msg="yes";
	}
	else
	{
		frm.m_country.style.border="1px #000000 solid";
		document.getElementById("m_country_err").innerHTML="";
	}
	
	if(frm.m_state.value=="")
	{
		frm.m_state.style.border="1px #F00 solid";
		document.getElementById("m_state_err").innerHTML="Please enter state name";
		msg="yes";
	}
	else
	{
		frm.m_state.style.border="1px #000000 solid";
		document.getElementById("m_state_err").innerHTML="";
	}
	
	if(frm.m_message.value=="")
	{
		frm.m_message.style.border="1px #F00 solid";
		document.getElementById("m_message_err").innerHTML="Please fill in a description - it's required";
		msg="yes";
	}
	else
	{
		frm.m_message.style.border="1px #000000 solid";
		document.getElementById("m_message_err").innerHTML="";
	}
	
	if(frm.m_username.value=="")
	{
		frm.m_username.style.border="1px #F00 solid";
		document.getElementById("m_username_err").innerHTML="An address is required";
		msg="yes";
	}
	else if(!frm.m_username.value.match(usernameRegEx))
	{
		frm.m_username.style.border="1px #F00 solid";
		document.getElementById("m_username_err").innerHTML="The address may contain only letters and numbers";
		msg="yes";
	}
	else if(!frm.is_u_available.value)
	{
		frm.m_username.style.border="1px #F00 solid";
		document.getElementById("m_username_err").innerHTML="is unavailable";
		msg="yes";
	}
	else
	{
		frm.m_username.style.border="1px #000000 solid";
		document.getElementById("m_username_err").innerHTML="";
	}
	
	if(frm.verification_code.value=="")
	{
		frm.verification_code.style.border="1px #F00 solid";
		document.getElementById("verification_code_err").innerHTML="Please enter verification code";
		msg="yes";
	}
	else
	{
		frm.verification_code.style.border="1px #000000 solid";
		document.getElementById("verification_code_err").innerHTML="";
	}
	
	if(!frm.agree.checked)
	{
		document.getElementById("agree_err").innerHTML="Accept terms & conditions";
		msg="yes";
	}
	else
	{
		document.getElementById("agree_err").innerHTML="";
	}
	if(msg!="")
		return false;
		
	return true;
}

var httpobj = getXmlHttpRequestObject();
function show_memorial_search_result(val)
{
	var url="populate_memorials.php?search="+val;
	httpobj.open("GET", url, true);
	httpobj.onreadystatechange= handlememorial;
	httpobj.send(null);
}

function handlememorial()
{
 if (httpobj.readyState == 4)
  {
  	document.getElementById("resultdiv").innerHTML=httpobj.responseText;
  }
}

function selecticon(id)
{
	var allid;
	allid=document.getElementById("iconids").value.split(":");
	for(i=1;i<allid.length;i++)
	{
		if(allid[i]!=id)
		{
			document.getElementById("i:"+allid[i]).className="";
		}
	}
	document.getElementById("i:"+id).className='selected';
	document.getElementById("siconid").value=id;//change header id
}
