function showOverlay(message) {
	//remove any existing overlays
	jQuery('#bsi_overlay').remove();
	var overlay = jQuery('<div id="bsi_overlay"><p><img src="/img/ajax-loader.gif" />' + message + '</p></div>');
	//append to body and display for a bit
	overlay.appendTo(jQuery('body')).delay(100).fadeOut();
}

function showOverlayConfirm(message) {
	//remove any existing overlays
	jQuery('#bsi_overlay').remove();
	var overlay = jQuery('<div id="bsi_overlay"><p>' + message + '</p></div>');
	//append to body and display for a bit
	overlay.appendTo(jQuery('body')).delay(1500).fadeOut();
}

function viewGuestBook(set,max) {
	
	jQuery.post("/guest_book_process.php",
	{ 
		action: 'viewGuestBook',
		set: set,
		max: max,
 	}, 
	function (data){ 
		jQuery('#data_replace').html(data.output);
	}
	,"json");
}

function SubmitGuest() {
	jQuery.ajaxSetup({
	  global: false,
	  type: "POST",
	  ajaxStart: showOverlay('Please wait processing your data...')
	});
	
	jQuery.post("/guest_book_process.php",
	{ 
		action: 'addToGuestBook',
		name: jQuery('#name').val(),
		email: jQuery('#email').val(),
		phone: jQuery('#phone').val(),
		phone2: jQuery('#phone2').val(),
		message: jQuery('#message').val(),
		captcha_code: jQuery('#captcha_code').val()
 	}, 
	function (data){ 
		if(data.completed!=1) {
			var n=new Date();
			jQuery('#captcha_code').val('');
			jQuery('#captcha').attr('src','/captcha.php?' + n.getTime());
			jQuery('.error').remove();
			for (var i=0;i<data.form_errors.length;i++) {
				switch(data.form_errors[i]) {
					case 'name':
						jQuery('#'+data.form_errors[i]).after(' <span class=\'error\'>Please enter your full name.</span>');
						break;
					case 'email':
						jQuery('#'+data.form_errors[i]).after(' <span class=\'error\'>Please enter your email.</span>');
						break;
					case 'phone':
						jQuery('#'+data.form_errors[i]).after(' <span class=\'error\'>Please enter your phone number.</span>');
						break;
					case 'captcha_code':
						jQuery('#'+data.form_errors[i]).after(' <span class=\'error\'>Please enter the security text.</span>');
						break;
					case 'captcha':
						jQuery('#captcha_code').after(' <span class=\'error\'>Please enter the security text correctly.</span>');
						break;
				}
			}
		}
		else {
			showOverlayConfirm('Your memory has been added to the guestbook')
			viewGuestBook(0,10);
			jQuery('#name').val('');
			jQuery('#email').val('');
			jQuery('#phone').val('');
			jQuery('#phone2').val('');
			jQuery('#message').val('');
			jQuery('#captcha_code').val('');
		}
	}
	,"json");
}