var newsletterName = 'Name';
var newsletterNameId = '#newsletter-name';
var newsletterEmail = 'Email Address';
var newsletterEmailId = '#newsletter-email';

$(document).ready(function(){
	
	/* NEWSLETTER NAME */
	
	if(($(newsletterNameId).val() == newsletterName) || ($(newsletterNameId).val() == ''))
	{
		newsletterNameBlur();
	}
	
	$(newsletterNameId).focus(function(){
		newsletterNameFocus();
	});
	
	$(newsletterNameId).blur(function(){
		if($(newsletterNameId).val() == '' )
		{
			newsletterNameBlur();
		}
	});	
	
	/* NEWSLETTER EMAIL */
	
	if(($(newsletterEmailId).val() == newsletterEmail) || ($(newsletterEmailId).val() == ''))
	{
		newsletterEmailBlur();
	}
	
	$(newsletterEmailId).focus(function(){
		newsletterEmailFocus();
	});
	
	$(newsletterEmailId).blur(function(){
		if($(newsletterEmailId).val() == '' )
		{
			newsletterEmailBlur();
		}
	});	
	
	/* SUBMIT NEWSLETTER SIGNUP */
	
	$('#submit-newsletter').click(function(){
		submit_newsletter();
		return false;
	});

});

function submit_newsletter()
{

	$('#newsletter .response').html('Signing up...');

	var form_array = new Object();
	
	form_array['newsletter-name'] = $('#newsletter-name').val();
	form_array['newsletter-email'] = $('#newsletter-email').val();
	
	var variables = build_url_string(form_array);
	var newsletter_url = service_url + '/newsletter-service.php';
	
	$.ajax({
		url: newsletter_url,
		dataType: 'jsonp',
		data: variables,
		jsonp: 'jsonp_callback',
		error: function (XMLHttpRequest, textStatus, errorThrown) {
			$('#newsletter .response').html('Connection Error');
		},
		success: function(json){
			if(json.success == true)
			{
				$('#newsletter .response').html('Success!');
				$('#newsletter-name').val('');
				$('#newsletter-email').val('');
			}
			else
			{
				$('#newsletter .response').html('Invalid info');
			}
		}
	});
	
	return false;	
}

function build_url_string(arr)
{
	var str = '';
	for ( key in arr ) {
		if(str != '')
		{
			str += '&';
		}
		str += key + '=' + arr[key];
	}
	return str;
}


function newsletterNameBlur()
{
	$(newsletterNameId).val(newsletterName);
	$(newsletterNameId).addClass('light');
}

function newsletterNameFocus()
{
	if($(newsletterNameId).val() == newsletterName )
	{
		$(newsletterNameId).val('');
		$(newsletterNameId).removeClass('light');
	}
}

function newsletterEmailBlur()
{
	$(newsletterEmailId).val(newsletterEmail);
	$(newsletterEmailId).addClass('light');
}

function newsletterEmailFocus()
{
	if($(newsletterEmailId).val() == newsletterEmail )
	{
		$(newsletterEmailId).val('');
		$(newsletterEmailId).removeClass('light');
	}
}