// JavaScript Document

<!--

var fadeTime = 300; // fadeTime  - sets time of error message fade in/out
var formProcessDelay = 600; // formProcessDelay - sets time delay to allow form_process.php time to get results before activating showErrors() function
var formProcessor = '/assets/php/processMooForm.php'; // formProcessor - variable to hold the name of our form processor script 
var loaderGraphic = '/assets/images/loader.gif'; // loaderGraphic-- holds path to Loader graphic


// submitMooForm()
// This function creates new Combo effect from the moo.fx.pack.js and then calls our processData() function
	
function submitListForm() {
	
		errorMsg = new fx.Combo('error_Messages', { 
			
			height: true, 
			
			opacity: true, 
			
			duration: fadeTime, 
			
			onComplete: processData 
			
			}); 
		
		errorMsg.toggle();
		
		var element = document.getElementById('submitButton'); 
		
		element.innerHTML='<input type="submit" name="Submit" value="Please Wait..." id="submit" /><img src="'+loaderGraphic+'" alt="loading" style="margin-top:18px;" />';
		
		}
	

// processData()
// This function gets the form data and make the ajax httpRequest	

function processData() {
		
		var formName = document.getElementById("name").value ;
		
		var formEmail = document.getElementById("email").value ;
		
		var formVars = 'name='+formName+'&email='+formEmail+'' ;
	
		new ajax (formProcessor,{ 
				  
				postBody: formVars, 
				
				update: $('error_Messages'),
				
				onComplete: function() { setTimeout("showErrors();", formProcessDelay); } 
				
				});
	
		}
			
			
// showErrors() 
// function to reveal our error_message div

function showErrors() {

		showErrorMsg = new fx.Combo('error_Messages', { 
									
				height: true, 
				
				opacity: true, 
				
				duration: fadeTime 
				
				}); 
	
		showErrorMsg.hide();
	
		showErrorMsg.toggle();
		
		var element = document.getElementById('submitButton'); 
		
		element.innerHTML='<input type="submit" name="Submit" value="Let\'s Keep in touch" id="submit" />';

		}


function hideTheForm() {
		var url = 'assets/php/processMooForm.php';
		urchinTracker(url);
		hideForm = new fx.Combo('formFields', { 
									
				height: true, 
				
				opacity: true, 
				
				duration: fadeTime 
				
				}); 
		
		hideForm.toggle();
		
	
}

// addEvent() 

function addEvent( obj, type, fn ) {
		
		if (obj.addEventListener) obj.addEventListener( type, fn, false );
		
		else if (obj.attachEvent) { 
		
		obj["e"+type+fn] = fn;
		
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		
		obj.attachEvent( "on"+type, obj[type+fn] );
		
		}
}

// initializer() 

function initializer() {
		
		var listForm = document.getElementById('mailingListForm');
		
		addEvent(listForm, 'submit', submitListForm);
		
		listForm.onsubmit = function() { return false; }

}


addEvent(window, 'load',initializer);


-->