req = new Object();
req['fname'] = "First Name";
req['lname'] = "Last Name";
req['email'] = "Email Address";

$(document).ready(function(){

// ------- Submit First Form -------
$("#signupform").submit(function(){

// check required bits
$message = '';
for (i in req) {
// re_set the colours
	var element = "#title_" + i;
	if ($(element)) {
    	$(element).className = '';
    }

    if ( document.signupform[i].value == "" )
    {
        //alert ( "Please fill in the 'Your Name' box." );
        $message += req[i] + "<br>";
        // change colour
        //regisrationrequired
        var element = "#title_" + i;
        if ($(element)) {
        	$(element).className = 'requiredmissed';
        }
    } 
}

if ($message){
	// add empty fields message
	$message = "<b>You did not complete some required fields:</b><br><br>" + $message + "<br>";
}

// check valid email
if (document.signupform['email'].value.indexOf("@") == -1 || document.signupform['email'].value.lastIndexOf(".") == -1) {
	$message += "<b>Your Email address is not valid</b><br>";
	if ($('#title_email')) {
		$('#title_email').className = 'requiredmissed';
	}
}

if ($message){	
	result = '<div class="notification_error"><p>'+$message+'</p></div>';
	$("#signupnote").html(result);
	return false;
}


var str = $(this).serialize();

   $.ajax({
   type: "POST",
   url: "/ajax-constantcontact.php",
   data: str,
   success: function(msg){
    
		$("#signupnote").ajaxComplete(function(event, request, settings){

		if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
		{
			result = '<div class="notification_ok"><p>Thank you for Joining</p></div>';
			$("#signupdiv").hide();
		}
		else
		{
			result = msg;
		}

		$(this).html(result);

		});

		}

 });

return false;

});


});

function done(){
	return true;
}