$(function() {
	 
	// Contact form
	$('#form-container form').submit(function() {
		// Contact form ajax submission...
		var loader = $('<div id="loader"><img src="http://petplayers.net/images/ajax-loader.gif" alt="loading icon" /></div>').css({width: '200px', margin: '20px auto', textAlign: 'center'}),
			msgContainer = $('<div id="msg-container" />');
			
		$('#msg-container').remove();
		$('#form-container').prepend(loader);
		msgContainer.insertBefore('#form-container small');
		
		$.post(
			'contact_us',
			$(this).serialize(),
			function(r) {
				$('<div id="message" class="rb6" />')
					.css({marginBottom: '20px', textAlign: 'left'})
					.html(r)
					.appendTo(msgContainer)
					.hide()
					.fadeIn(800);
				$('#loader').remove();
			}
		);		
		return false;
	});
	
	// Signup form
	$('#signup-form').submit(function() {
		// Contact form ajax submission...
		var loader = $('<div id="loader"><img src="http://petplayers.net/images/ajax-loader.gif" alt="loading icon" /></div>').css({width: '200px', margin: '20px auto', textAlign: 'center'}),
			messageContainer = $('<div id="message-container" />');
		$('#message-container').remove();
		$('#form-container').prepend(loader);
		messageContainer.prependTo('#signup-form fieldset');
		$.post(
			'signup',
			$(this).serialize(),
			function(r) {
				$('<div id="message" class="rb6" />')
					.css({marginBottom: '20px', textAlign: 'left'})
					.html(r)
					.appendTo(messageContainer)
					.hide()
					.fadeIn(800);
				$('#loader').remove();
			}
		);		
		return false;
	});
    		
});