/* 
just add  

 onKeyUp="format_phone('this field name','next field Name Here','display format');" 

to your input to format as a phone number
function checks for 'field name' + Img to update with check or x

display options:
s = standard (###) ###-####
d = dashes ###-###-####
p = period ###.###.####

*/

function formatPhone(m,d){
	f = m.form.name;
	//alert(f);
	p = m.value;
	r=0;
	p = p.replace(/[^0-9]/g, "");
	len = p.length;
	 if (len < 3){
		phone = p;
	 }else if(len == 3){
		area = p;
		phone = "(" + area + ") ";
	}else if(len > 3 && len < 6){
		area = p.substring(0,3);
		pre = p.substring(3,len);
		phone = "(" + area + ") " + pre;
	}else if(len > 5){
		area = p.substring(0,3);
		pre = p.substring(3,6);
		num = p.substring(6,len);
		phone = "(" + area + ") " + pre + "-" + num;
	}
	m.value = "";
	m.value = phone;
	if (phone.length == m.getAttribute("maxlength")){
		dest = "document." + f + "." + d + ".focus()";
		destination = eval(dest);
	}
}
function format_phone(f,n,p){
	var m = document.getElementById(f).maxLength;
	var v = document.getElementById(f).value;
	var check_image = f + "Img";
	v = v.replace(/[^0-9]/g, "");
	var l = v.length;
	if (l > 0 && l < 3 && p == 's'){
		v = "(" + v;
	}else if(l > 2 && l < 6){
		area = v.substring(0,3);
		pre = v.substring(3);
		if(p == 's'){
			v = "(" + area + ") " + pre;
		}else if(p == 'd'){
			v = area + "-" + pre;
		}else if (p == 'p'){
			v = area + "." + pre;
		}
	}else if(l > 5){
		area = v.substring(0,3);
		pre = v.substring(3,6);
		num = v.substring(6);
		if(p == 's'){
			v = "(" + area + ") " + pre + "-" + num;
		}else if(p == 'd'){
			v = area + "-" + pre + "-" + num;
		}else if (p == 'p'){
			v = area + "." + pre + "." + num;
		}
	}
	document.getElementById(f).value = v;
	if(l == 10){
		document.getElementById(check_image).src="/files/images/misc/green_check.png";
		document.getElementById(check_image).style.visibility="visible";
		document.getElementById(n).focus();
	}else if(l != 0){
			document.getElementById(check_image).src="/files/images/misc/red_x.png";
			document.getElementById(check_image).style.visibility="visible";
			document.getElementById(f).focus();
	}else{
		document.getElementById(check_image).style.visibility="hidden";
	}
}