/*
 *	File Name    : form_functions.js
 *	Author       : Amir Azma
 *	Date Created :	Feb 26, 2008
 *	Various functions that are to be performed on forms
 */	

// Only numbers will be accepted for Phone and Fax fields
function isNumberKey(evt)
{
   var charCode = (evt.which) ? evt.which : event.keyCode
   if (charCode > 31 && (charCode < 48 || charCode > 57))
       return false;
       return true;
}
/* auto tabbing for phone number in contact form */	
function autoTab(form, name, e, length, next)
{
   var formName = form;
   var elementName = name;
   var inputLength = length;
   var event = e;
   var nextField = next;
   if (event == "down")
	   tempLength = document.forms[formName].elements[elementName].value.length;
 	   else if (event == "up")
         {
		      if (document.forms[formName].elements[elementName].value.length != tempLength)
            {	
			      tempLength = document.forms[formName].elements[elementName].value.length;
			      if (tempLength == inputLength)
				   document.forms[formName].elements[nextField].focus();
            }
   	   }
}	

// clears all form fields including text and password type.
function clearForm(formName)
{
	var form1 = formName;
	for (var i = 0; i < form1.elements.length; i++)
	{
		if (form1.elements[i].type == "text" || form1.elements[i].type == "password" || form1.elements[i].type == "textarea" || form1.elements[i].type == "file")
			form1.elements[i].value = "";
   }
   
   // this is for "Contact us" page that we have image verification
   if (document.getElementById("image_veri"))
   document.getElementById("image_veri").value = "Enter characters you see below";
   
   // this is for "Create your site" page that reset the dropdown box.   
   if (document.getElementById("cr_state"))
   document.getElementById("cr_state").selectedIndex = 0;
  
}

// clears out the image verification field when selected, used in "onfocus"
function clearImageVerification()
{
	if (document.getElementById("image_veri").value == "Enter characters you see below")
       document.getElementById("image_veri").value = "" ;
       document.getElementById("image_veri").style.backgroundColor="#FFF8C6";
       
}

// clears out the image verification field when selected, used in "onblur"
function fillImageVerification()
{
	if (document.getElementById("image_veri").value == "")
       document.getElementById("image_veri").value = "Enter characters you see below" ;
}


// change the background of input, and textarea in a form. ( like "focus" in CSS ) 	
// because "input:focus" in CSS does not work on IE, so we used JavaScript to handle BG color change.
function colourChange(hFocus, Eld)
{	
   var hasFocus = hFocus;
   if (hasFocus)
      document.getElementById(Eld.id).style.backgroundColor="#FFF8C6";
   else
      document.getElementById(Eld.id).style.backgroundColor="#fff";
}