Event.observe( window, "load", function() {

	// Event.observe( $('send_analytics'), "click", send_code);
	Event.observe( $('form1'), 'submit', send_code );
	$('form1').onsubmit = function() { return false };
});

function send_code() {
	var pageTracker;
	clearErrors();
	if ( !validate() ) {
		return;
	}
	try {
		var ga_code = $('ga_code').value;
		pageTracker = _gat._getTracker( ga_code );
		pageTracker._initData();
		var category = $('category').value;
		var action = $('action').value;
		var label = $('label').value;
		var value = $('value').value;
		var success = pageTracker._trackEvent( category, action ); 
								 
		
		if ( success ) {
			$('confirmation').innerHTML = "Event sent to GA";
			$('confirmation').addClassName("success");
		} else {
			$('confirmation').innerHTML = "There was a problem sending your code";
			$('confirmation').addClassName( "input_error" );
		}

	} catch( err ) { 
		$('confirmation').innerHTML = "There was an error sending the event to Google : " + err; 
		$('confirmation').addClassName( "input_error" );
	}
	
	return false;
}

function validate ( ) {
	pass = true;

	
	$$('.required').each( function( element ) {
		if ( element.value == "" ) {
			element.addClassName( "input_error");
			$('confirmation').innerHTML = "Complete the fields in red before submitting";
			$('confirmation').addClassName( "input_error" );
			pass = false; 
		}
	});
	return pass;
}

function clearErrors( ) {
	$('confirmation').removeClassName( "success" );
	$$('.input_error').each( function( element ) {
		element.removeClassName('input_error');
	});
}