$(document).ready(function() {
	populateCommentForm();
	$('#original-tab').click(function() {
		viewOriginal();
		return false;
	});
	$('#response-tab').click(function() {
		viewResponse();
		return false;
	});
});

function submitCommentForm(form) {
	$('#loading-status').show(); 
	createCommentCookie();
	ajaxPost({
		url: '/ajax/add_comment',
		data: form.serializeArray(),
		success: function(data) {
			if ($(data).filter('#errorExplanation').length != 0) {
				$('#new-comment').html(data);
			} else {
				var li_element = $('<li/>');
				li_element.append(data);
				$('ul.comments').append(li_element);
				$('#new-comment').empty();
			}
		}
	});
}

function createCommentCookie() {
	createCookie('comment_name',$('input[name=comment[name]]').val(),365);
	createCookie('comment_email',$('input[name=comment[email]]').val(),365);
	createCookie('comment_url',$('input[name=comment[url]]').val(),365);
} 

function populateCommentForm() {
	var comment_name = $('#comment_name').val(readCookie('comment_name'));
	var comment_email = $('#comment_email').val(readCookie('comment_email'));
	var comment_url = $('#comment_url').val(readCookie('comment_url'));
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return '';
}

function viewResponse() {
	$('#blog-container').hide();
	$('#response-container').show();
	$('#original-tab').removeClass('tab-selected');
	$('#response-tab').addClass('tab-selected');
	return false;
}

function viewOriginal() {
	$('#response-container').hide();
	$('#blog-container').show();
	$('#response-tab').removeClass('tab-selected');
	$('#original-tab').addClass('tab-selected');
	return false;
}