// JavaScript Document

$(document).ready(function(){
	// $("#frm_signup_error").hide();
	
	$("#signup_now a").click(function(e){
		e.preventDefault();
		$(this).hide();
		$(".signup").show();
		$("#scrollable").scrollable().begin();
			
		})
	
	$("#frm_signup").validate({
			errorPlacement: function(error,element) {
				$("input [class=email]").addClass('red')
			},
			submitHandler: function(form){
				ajaxSignup(form);			
				}
		});
	
	
});

function ajaxSignup(form){
	var postVars = {
		'email': form.email.value,
		'task': 'doSignup'
	}
	xhr = $.ajax({
		url: 		'ajaxHandler',
		type: 		'POST',
		data: 		postVars,
		success: 	function(){
					response = getHeaderJSON(xhr);
					if(response.result == 'failure') {
						$(".frm_signup_error").html(response.message);
						$(form.email).focus();
					} else {
						$(".signup").fadeOut()
						$(".signup_success").fadeIn();
						// some success message
					}
				}		
		})
}

function getHeaderJSON(xhr) {
	var json;
	try { json = xhr.getResponseHeader('X-JSON') }
	catch(e) { }
	
	if (json) {
		var data = eval('(' + json + ')'); // or JSON.parse or whatever you like
		return data;
	}
}