$(document).ready( function() {

	$("#mobile-signup-form").submit( submitMobileForm );

	$("#signupName").focus( signupNameFocus ).blur( signupNameBlur );
	
	$("#signupEmail").focus( signupEmailFocus ).blur( signupEmailBlur );
	
	$("#submit-popup").dialog({ autoOpen: false, title: 'Thankyou' })

});


function signupNameBlur()
{
	if( $(this).val().length == 0 )
		$(this).val( 'Name' );
}

function signupNameFocus()
{
	if( $(this).val() == 'Name' )
		$(this).val( '' );
}

function signupEmailBlur()
{
	if( $(this).val().length == 0 )
		$(this).val( 'Email' );
}

function signupEmailFocus()
{
	if( $(this).val() == 'Email' )
		$(this).val( '' );
}

function submitMobileForm()
{
	var name = $("#signupName").val();
	var email = $("#signupEmail").val();
	
	if( name != 'Name' && email != 'Email' && name.length > 0 && email.length > 0 )
	{
		//Ajax submit to save to database.
		$.ajax({
			url: 'signupSubmit.php',
			type: 'POST',
			dataType: 'json',
			data: { signupName: name, signupEmail: email },
			success: submitMobileFormResult
		});
	}
	else
		alert( "Must enter valid name and email" );
	
	return false;
}

function submitMobileFormResult( data, status )
{
	if( data.Result )
	{
		//alert( "Thankyou for your interest. You will be notified when the app becomes available." );
		$("#submit-popup").html( "Thankyou for your interest. You will be notified when the app becomes available." ).dialog( 'open' );
		$("#signupName").val( 'Name' );
		$("#signupEmail").val( 'Email' );
	}
	else
	{
		//alert( "Error submitting email information." );
		$("#submit-popup").html( "There was an error submitting email information." ).dialog( 'open' );
	}
}