$(document).ready(function()
{
	initForms();
});

var ajaxUrl = [
				'/soon',
				'/soon-invite',
				'/soon-thankyou'];


var initForms = function()
{

	var data = new Object();

	$('form.start').submit(function()
	{
		if($("form.start").valid())
		{
			data = {'email': $('#emailField').val()};
            /*getPage(1, data);*/
		}
		/*return false;*/
	});

	
	$('form.invite').submit(function() 
	{
		if($("form.invite").valid())
		{
			data = {'emails': $('#emailsField').val(), 'name': $('#nameField').val(), 'message': $('#messageField').val() };
			getPage(2, data);
		}
		return false;
	});
	
	
	validatorOne = $("form.start").validate(
    { 
        rules: 
        { 
            emailField: { required: true, email: true } 
        }, 
        messages: 
        {
            emailField: " " 
        } 
    });

	validatorTwo = $("form.invite").validate(
    { 
        rules: 
        { 
			nameField: { required: true},
            emailsField: { required: true} 
        }, 
        messages: 
        {
			nameField: " ",
            emailsField: " " 
        } 
    });

    //check valid boolean -> $("form").valid()
    //reset -> validatorOne.resetForm();
	
	
};



var getPage = function(p,params)
{
	var url  	= '';
	switch(p)
	{
		case 1:
				url = ajaxUrl[1];
				break;
		case 2:
				url = ajaxUrl[2];
				break;
		default:
				url = ajaxUrl[0];
				break;
	}
	// clear holder div
	$('#holder').empty();
	// get template
	$.ajax(
	{
		'type': 'POST',
		'url': url,
		'data': params,
		'success': function(data)
		{
			//hide, place html, fade in
			$('#holder').css({'display':'none'}).html(data.message.html).fadeIn(500);
            initForms();
		}
	});
}