// Contact Form INIT

$(document).ready(function() {
	init();
});


function init() {
	/* Format text-info elements */
	var inp =  document.getElementsByTagName('input');
	for(var i = 0; i < inp.length; i++) {
		var elm = $(inp[i]);
		if ( ( elm.hasClass('contact') ) ) {
			inp[i].setAttribute('alt',inp[i].defaultValue)
			if( inp[i].value == ''){
				inp[i].value = inp[i].getAttribute('rel');
				elm.addClass('text-descriptor');
			}
			inp[i].onfocus = function() {
				if(this.value == this.getAttribute('rel')) {
					this.value = '';
					removeClass(this,'text-descriptor');
				} else {
					removeClass(this,'text-descriptor');					
					return false;
				}
			}
			elm.blur( function() {
				if(this.value == '') {
					this.value = this.getAttribute('rel');
					addClass(this,'text-descriptor');
				} else {
					removeClass(this,'text-descriptor');
					return false;
				}
			})
			elm.change( function() {
				if(this.value == '') {
					this.value = this.getAttribute('rel');
					addClass(this,'text-descriptor');
				} else {
					removeClass(this,'text-descriptor');
					return false;
				}
			})
			
		}
	}
	
	var inp =  document.getElementsByTagName('textarea');
	for(var i = 0; i < inp.length; i++) {
		var elm = $(inp[i]);
		if ( ( elm.hasClass('contact') ) ) {
			inp[i].setAttribute('alt',inp[i].defaultValue)
			if( inp[i].value == ''){
				inp[i].value = inp[i].getAttribute('rel');
				elm.addClass('text-descriptor');
			}
			elm.focus(function() {
				if(this.value == this.getAttribute('rel')) {
					this.value = '';
					removeClass(this,'text-descriptor');
				} else {
					removeClass(this,'text-descriptor');
					return false;
				}
			})
			elm.blur( function() {
				if(this.value == '') {
					this.value = this.getAttribute('rel');
					addClass(this,'text-descriptor');
				} else {
					removeClass(this,'text-descriptor');
					return false;
				}
			})
			elm.change( function() {
				if(this.value == '') {
					this.value = this.getAttribute('rel');
					addClass(this,'text-descriptor');
				} else {
					removeClass(this,'text-descriptor');
					return false;
				}
			})
			
		}
	}

}

function resetform() {
	/* Format text-info elements */
	var inp =  document.getElementsByTagName('input');
	for(var i = 0; i < inp.length; i++) {
		var elm = $(inp[i]);
		if ( ( elm.hasClass('contact') ) ) {
			inp[i].setAttribute('alt',inp[i].defaultValue)
			if( inp[i].value == ''){
				inp[i].value = inp[i].getAttribute('rel');
				elm.addClass('text-descriptor');
			}
			
		}
	}
	
	var inp =  document.getElementsByTagName('textarea');
	for(var i = 0; i < inp.length; i++) {
		var elm = $(inp[i]);
		if ( ( elm.hasClass('contact') ) ) {
			inp[i].setAttribute('alt',inp[i].defaultValue)
			if( inp[i].value == ''){
				inp[i].value = inp[i].getAttribute('rel');
				elm.addClass('text-descriptor');
			}		
		}
	}

}


function addClass(a,b){
	$(a).addClass(b);
}

function removeClass(a,b){
	$(a).removeClass(b);
}

function clearInfo(){
	var inp =  document.getElementsByTagName('input');
	for(var i = 0; i < inp.length; i++) {
		var elm = $(inp[i]);
		if ( elm.hasClass('contact') ){
			if( inp[i].value == inp[i].getAttribute('rel') ) {
				inp[i].value = '';
			}
		}
	}
	var inp =  document.getElementsByTagName('textarea');
	for(var i = 0; i < inp.length; i++) {
		var elm = $(inp[i]);
		if ( elm.hasClass('contact') ){
			if( inp[i].value == inp[i].getAttribute('rel') ) {
				inp[i].value = '';
			}
		}
	}

}

function is_valid_email (email){
	return /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email);
}


function validateForm(){
	
	clearInfo ();
	var msg = '';
	var fname = $('#firstname').val();
	var lname = $('#lastname').val();
	var phone = $('#phone').val();
	var email = $('#email').val();
	var comments = $('#comments').val();
	var captcha = $('#silhouette').val().toLowerCase();
	
	if (fname == ''){
		msg = msg + '-First Name\n';
	}
	if (lname == ''){
		msg = msg + '-Last Name\n';
	}
	if (phone == ''){
		msg = msg + '-Phone Number\n';
	}
	if (email == ''){
		msg = msg + '-Email Address\n';
	}
	if (comments == ''){
		msg = msg + '-Comments\n';
	}
	if (captcha !== 'bunny' && captcha !== 'rabbit'){
		msg = msg + '-What is the Silhouette\n';
	}

	if (!is_valid_email(email)){
		msg = msg + '\n The following field is invalid:\n -Email Address';
	}


	if(msg==''){
		return true;
	}
	else {
		msg = 'You must complete the following fields:\n' + msg
		alert(msg);
		resetform();
		return false;
	}
}

function validateContact(){

	var msg = '';
	var fname = $('#firstname').val();
	var lname = $('#lastname').val();
	var phone = $('#phone').val();
	var email = $('#email').val();
	var captcha = $('#silhouette').val().toLowerCase();

	if (fname == ''){
		msg = msg + '-First Name\n';
	}
	if (lname == ''){
		msg = msg + '-Last Name\n';
	}
	if (phone == ''){
		msg = msg + '-Phone Number\n';
	}
	if (email == ''){
		msg = msg + '-Email Address\n';
	}
	if (captcha !== 'bunny' && captcha !== 'rabbit'){
		msg = msg + '-What is the Silhouette\n';
	}

	if (!is_valid_email(email)){
		msg = msg + '\n The following field is invalid:\n -Email Address';
	}

	if(msg==''){
		return true;
	}
	else {
		msg = 'You must complete the following fields:\n' + msg
		alert(msg);
		return false;
	}
}