// sets up event listeners for Quick Contact widget
jQuery(document).ready(function(){
	// display title in each text input
	jQuery(".quick_contact_widget form input[type='text']").each(function(){
		var title = jQuery(this).attr('title');
		jQuery(this).attr('value', title);
	});
	// remove title from each text input when it gains focus but is not filled
	jQuery(".quick_contact_widget form input[type='text']").focus(function(){
		if (! jQuery(this).hasClass('filled')) {
			jQuery(this).val('');
		}
	});
	// restore title to each text input when it loses focus and has no text
	jQuery(".quick_contact_widget form input[type='text']").focusout(function(){
		var title = jQuery(this).attr('title');
		var val = jQuery(this).val();
		if (val == '') {
			jQuery(this).attr('value', title);
		}
	});
	// change style depending on whether text input is filled or not
	jQuery(".quick_contact_widget form input[type='text']").keyup(function(event){
		var val = jQuery(this).val();
		if (val == '') {
			jQuery(this).removeClass('filled');
		}
		else {
			jQuery(this).addClass('filled');
		}
	});
	// display note if link is clicked
	jQuery(".quick_contact_widget form #leave-a-note-button a").click(function(event){
		event.preventDefault();
		jQuery(".quick_contact_widget form #leave-a-note-input").css('display', 'block');
		jQuery(".quick_contact_widget form #leave-a-note-button").css('display', 'none');
	});
	// cancel note input if link is clicked
	jQuery(".quick_contact_widget form #leave-a-note-input a").click(function(event){
		event.preventDefault();
		jQuery(".quick_contact_widget form #leave-a-note-input").css('display', 'none');
		jQuery(".quick_contact_widget form #leave-a-note-button").css('display', 'block');
		jQuery(".quick_contact_widget form #leave-a-note-input textarea").val('');
	});
	// submit form via AJAX call and display thanks in place of form
	jQuery(".quick_contact_widget form").submit(function(event){
		event.preventDefault();
		var data = jQuery(this).serialize();
		var url = jQuery(this).attr('action');
		jQuery(".quick_contact_widget form").html("<p style='pending-message'>Sending...</p>");
		jQuery.post(url, data, function(input){
			jQuery(".quick_contact_widget form").html("<p style='success-message'>Your message has been sent. Thank you!</p>");
		});
	});
});