function myposx(){
	return document.getElementById('mid').offsetLeft + 962;
}

function myposy(nr){
	return 496 + nr * 67;
}

function info_in(div,nr){
	var box = document.getElementById("popup");
	var txt = document.getElementById("popuptxt");
	box.style.display = "block"
	box.style.left = myposx()-319+'px';
	box.style.top = myposy(nr)/2-54+'px';
	txt.innerHTML = div.title;
	div.className  = "form_info_over";
	div.title = "";
	//alert(box.style.left+ "-"+ box.style.top)
}

function info_out(div){
	var box = document.getElementById("popup");
	var txt = document.getElementById("popuptxt");
	box.style.display = "none"
	div.className  = "form_info";
	div.title = txt.innerHTML;
}

error_msg = "To receive debt help right away please fill out the highlighted fields correctly.";

function validateName(str){
	var elem = document.getElementById(str);
	var reg = /^([A-Za-z-\.' ])+$/;
	if(reg.test(elem.value) && elem.value != "") {
		elem.className = "finput";
		return true;
	}else{
		elem.className = "finputer";
		error_msg += " <br>Name: use letters, or - . '";
		return false;
	}
}

function validatePhone(str){
	var elem = document.getElementById(str);
	var reg = /^([0-9-\.\/+() ]){9,20}$/;
	if(reg.test(elem.value) && elem.value != "") {
		elem.className = "finput";
		return true;
	}else{
		elem.className = "finputer";
		error_msg += "<br>Contact Number: use minim 9 numbers, with / - + . ( )";
		return false;
	}
}

function validate(){
	error_msg = "To receive debt help right away please fill out the highlighted fields correctly.";
	var all_ok = true;
	if(!validateName('name')) all_ok = false;
	if(!validatePhone("phone1")) all_ok = false;
		
	if(all_ok){
		return true;
	}else{
		alert(error_msg.replace(/<br>/g, "\n"));
		return false;
	}
}