/*
	Handle: bb_contact
	Version: 0.1
	Deps: validation
*/


Event.observe(window, 'load', contact_page_load);
function contact_page_load() {
	var valid = new Validation($('contact'), {immediate : true});
	Validation.addAllThese([
		['validate-phone', 'Your phone number must be in the form xxx-xxx-xxxx', function(v) {
				// [2-9]xx-[2-9]xx-xxxx
				return Validation.get('IsEmpty').test(v) ||  /^([2-9]\d{2})-([2-9]\d{2})-(\d{4})$/.test(v)
		}],
	]);

	$$('input.validate-phone').each(
		function (el) {
			Event.observe(el, 'keyup',
				function formatPhone(ev) {
					if(typeof ev.nodeName == 'undefined') {
						var phone = Event.element(ev);
					} else {
						var phone = $(ev);
					}

					phone.value=phone.value.replace(/\D/g,'');
					phone.value=phone.value.replace(/^1*/g,'');
					phone.value=phone.value.replace(/^(\d{3})1*/g,"$1");
					phone.value=phone.value.substr(0,10);

					var len = 6;
					if (ev.keyCode == Event.KEY_BACKSPACE) {
						len++;
					}
					if (phone.value.length >= len) {
						phone.value.match(/^(\d{3})(\d{3})(\d*)/);
						phone.value=RegExp.$1+'-'+RegExp.$2+'-'+RegExp.$3;
					} else if (phone.value.length >= len-3) {
						phone.value.match(/^(\d{3})(\d*)/);
						phone.value=RegExp.$1+'-'+RegExp.$2;
					}
				}
			);
		}
	);

//	var valid = new Validation('test', {immediate : true, onFormValidate : formCallback});
/*
	$$('input.email').each(
		function (el) {
			el.visualEffect('Highlight', {startcolor:'#F28040', duration:2.5});
		}
	);
*/
}