addLoadEvent(helpType);
addLoadEvent(stopForm);

function stopForm()
{
  document.forms["supportForm"].onsubmit = validateFields;
  return true;
}
/* function for product type, hides unessesery form components. */
function helpType() {
	
	var productValue = document.forms["supportForm"]["helpProduct"];
	var browserVer = document.getElementById("browserVer");
	var etInstall = document.getElementById("etInstall");
	var osVer = document.getElementById("osVer");
	var osVerMob = document.getElementById("osVerMob");
	
	
		if (productValue.value == "help_bsp") {
			browserVer.className = "hidden";
			etInstall.className = "";
			osVer.className = ""; 
			osVerMob.className = "hidden"; 
		}
		else if (productValue.value == "help_bsp_net") {
			browserVer.className = "hidden";
			etInstall.className = "";
			osVer.className = ""; 
			osVerMob.className = "hidden"; 
		}
		else if (productValue.value == "help_dict") {
			browserVer.className = "hidden";
			etInstall.className = "";
			osVer.className = ""; 
			osVerMob.className = "hidden"; 
		} 
		else if (productValue.value == "help_sk") {
			browserVer.className = "";
			etInstall.className = "hidden";
			osVer.className = ""; 
			osVerMob.className = "hidden"; 
		} 
		else if (productValue.value == "help_mobile") {
			browserVer.className = "hidden";
			etInstall.className = "hidden";
			osVer.className = "hidden"; 
			osVerMob.className = ""; 
		} 
		else if (productValue.value == "no_product") {
			browserVer.className = "hidden";
			etInstall.className = "hidden";
			etInstall.className = "hidden";
			osVer.className = "hidden"; 
			osVerMob.className = "hidden"; 
		} 
		else { return false; }	
			
}

/*validate mandatory fields*/
function validateFields()
{
	var elements = document.forms["supportForm"].elements;
	var emailPattern = /^[\w\.\-]+@([\w\-]+\.)+[a-zA-Z]+$/;
	var productValue = document.forms["supportForm"]["helpProduct"];
	
	for (var i = 0; i < elements.length; i++) {
		if (productValue.value == "no_product") {
			productValue.focus();
			productValue.style.border = "1px solid #F47525";
			alert("Please choose a product!");
			return false;
		}
						if (/(^| )checkRequired( |$)/.test(elements[i].className) && elements[i].value == "") {
							elements[i].focus();
							elements[i].style.border = "1px solid #F47525";
							alert("Please fill all the required fields!");
							return false;
						}
						if (/(^| )checkEmail( |$)/.test(elements[i].className) && !emailPattern.test(elements[i].value)) {
							elements[i].focus();
							alert("Please write a valid email address!");
							return false;
						}
					}
					
return true;
				
}