/*
 * showFeedbackForm
 *
 * Bring up the popup box with the feedback form content
 *
 * @return null
*/

function showFeedbackForm () {

	showPopup('																					\
		<h1>Give Feedback</h1>																	\
																								\
		<p>																						\
																								\
			Any comments or criticisms? Send us your problems or praise by filling<br />		\
			out the details below. We really appreciate it.										\
																								\
		</p>																					\
																								\
		<div style="margin:0 20px; height:260px;">												\
																								\
				<label for="feedback_name">Name: </label>										\
				<input type="text" id="feedback_name" style="margin-left:80px;" />				\
				<br /><br /><label for="feedback_email">Contact Email: </label>					\
				<input type="text" id="feedback_email" style="margin-left:28px;" />				\
				<br /><br /><label for="feedback_message">Feedback: </label>					\
				<textarea id="feedback_message" style="margin: -18px 0px 0px 124px;				\
				height: 100px; width: 275px; display: block; resize: vertical;"></textarea>		\
																								\
				<button onclick="finishFeedbackForm(\'Feedback\')" style="margin: 30px 0 0;">	\
				Submit</button>																	\
																								\
		</div>																					\
	');
	
}

/*
 * finishFeedbackForm
 *
 * Run an AJAX call to send the information through
 * Return a response message to print to the user
 *
 * @return null
*/

function finishFeedbackForm (type) {

	$('#popup div button').next('font').remove();

	if ($('#feedback_name').val() == "" || $('#feedback_email').val() == "" || $('#feedback_hidden').val() == "") {
		$('#popup div button').after('<font style="margin-left: 20px;">Please fill out all the fields</font>');
		return false;
	}
	
	$('#popup div').children().fadeOut("slow");
	
	$('#popup div').css({ background: "url('/assets/img/Loaders/circle-snake-07A940.gif') no-repeat center" });
	
	$.post("/Document@SendFeedback", {
		 
		name: 		$('#feedback_name').val(),
		email: 		$('#feedback_email').val(),
		hidden: 	$('#feedback_hidden').val(),
		message: 	$('#feedback_message').val().replace(/\n/g, "<br>"),
		page: 		location.href,
		type:		type
		
	}, function (result) {
		
		if (result == "1") {
			$('#popup div').fadeOut();
			$('#popup p').html("Thank you for your message.");
		}
		
		else {
			$('#popup div').css('background', '');
			$('#popup div').children().fadeIn();
			$('#popup div').append('<br /><br />Unfortunately, an error occured');
			$('#popup div').height(300)
		}
		
	});	
	
}