// Mootools stuff
document.addEvent("domready", function() {
	
	
	if ($("demo-button")) {
		
		var demo_button = $("demo-button");
		var close_button = $("form-close");
		var form_container = $("demo-form-container");
		var submit_button = $("submit-button");
		
		form_container.inject("secondary", "top").setStyles({
			"opacity": 0,
			"display": "block"
		});
		
		demo_button.addEvent("click", function(evt) {
			evt.stop();
			form_container.fade("in");
		});
		
		close_button.addEvent("click", function(evt) {
			evt.stop();
			form_container.fade("out");
		});
		
		submit_button.addEvent("click", function(evt) {
			
			evt.stop();
			
			// validate the form
			var firstName = $("firstName");
			var companyName = $("companyName");
			var companyIndustry = $("companyIndustry");
			var whatIf = $("whatIf");
			
			// apply the validations
			
			// submit the form if validation passes
			var form = form_container.getElement("form");
			var action = form.get("action");
			var method = form.get("method");
			
			var params = {data: {
				"firstName": firstName.get("value"),
				"companyName": companyName.get("value"),
				"companyIndustry": companyIndustry.get("value"),
				"whatIf": whatIf.get("value")
			}};
			
			var request = new Request({
				url: action,
				method: method,
				// onSuccess
				onComplete: function(response) {
					
					
					//alert(response);
					if (response == ""){
					}else{
					form.reset();
					document.window.location = response;
					form_container.fade('out');
					}
					
				}, 
				
				onFailure: function(xhr) {
					
					// if submission failed.
					// throw an alert? Try again?
					
				}
			}).send(params);
			
		});
		
	}
	
	
});