var content = new Array();
var content_page = 0;
var comment_page = 0;
var comments = new Array();
var state = 'post';

var scroller;

$(document).ready(function() {
	/*var temp_content = $('#content_pages .single_page');
	for (var i=0;i<temp_content.length;i++) {
		content[i] = temp_content.eq(i).html();
	}
	
	var temp_comments = $('#comment_pages .comment');
	for (var i=0;i<temp_comments.length;i++) {
		comments[i] = temp_comments.eq(i).html();
	}
		
	setupContentControls();
	setupCommentControls();
	
	showPage(0);*/
	scroller = $('.scroller').jScrollPane({showArrows: true});

	setupFormSubmission();
	$('#post_controls li a').click(function() {
		$('#post_controls li a').removeClass('active');
		$(this).addClass('active');
		var id = this.id;
		id = id.substr(5);
		showPage(id);
		return false;
	});
});

function showPage(page) {
	$('.section').removeClass('active');
	$('#'+page).addClass('active');
	$('#blog .post').scrollTop(0);
	var api = scroller.data('jsp');
	api.reinitialise();
}

/*function prevPage() {
	if (content_page > 0)
		content_page--;
		
	showPage(content_page);
}

function nextPage() {
	if (content_page < (content.length-1))
		content_page++;
		
	showPage(content_page);
}

function prevComment() {
	if (comment_page > 0)
		comment_page--;
		
	showPage(comment_page);
}

function nextComment() {
	if (comment_page < (comments.length-1))
		comment_page++;
		
	showPage(comment_page);
}

function showPage(i) {
	if (state == 'post') {
		$('#comments').hide();
		$('#comment_form').hide();
		$('#content_pages').html(content[i]);
		$('#post').show();
		setControls(i);
	}
	else if (state == 'comment') {
		$('#comments').show();
		$('#post').hide();
		$('#comment_pages').html(comments[i]);
		$('#comment_form').hide();
		setCommentControls(i);
	}
	else if (state == 'form') {
		$('#comments').hide();
		$('#post').hide();
		$('#comment_form').show();
	}
	else if (state == 'success') {
		$('#comments').show();
		$('#post').hide();
		$('#comment_form').hide();
	}
}

function setupContentControls() {
	$('.post h2').css('cursor','pointer');
	$('.post h2').click(function(e) {
		state = 'post';
		showPage(content_page);
		return false;
	});
	
	var next = $('<a id="pagerNext" href="#">&gt;&gt;</a>');
	next.click(function(e) {	
		nextPage();
		return false;
	});
	$('#content_pages').after(next);

	var prev = $('<a id="pagerPrev" href="#">&lt;&lt;</a>');
	prev.click(function(e) {	
		prevPage();
		return false;
	});
	$('#content_pages').after(prev);
	
	$('#comment_count').click(function(e) {
		if (comments.length == 0) {
			state = 'form';
		}
		else {
			state = 'comment';
		}
		showPage(0);
		return false;
	});
}

function setupCommentControls() {
	var c_prev = $('<a id="commentPrev" href="#">&lt;&lt;</a>');
	c_prev.click(function(e) {	
		prevComment();
		return false;
	});
	$('#comment_controls').append(c_prev);
	$('#commentPrev').hide();
	
	var leave_comment = $('<a id="commentFormButton" href="#">Leave a Comment</a>');
	leave_comment.click(function(e) {	
		state = 'form';
		showPage(0);
		return false;
	});
	$('#comment_controls').append(leave_comment);
	
	var c_next = $('<a id="commentNext" href="#">&gt;&gt;</a>');
	c_next.click(function(e) {	
		nextComment();
		return false;
	});
	$('#comment_controls').append(c_next);	
}

function setControls(i) {
	if (i == 0) {
		$('#pagerPrev').hide();
	}
	else {
		$('#pagerPrev').show();
	}
	
	if (i >= content.length-1) {
		$('#pagerNext').hide();
	}
	else {
		$('#pagerNext').show();
	}
}

function setCommentControls(i) {
	if (i == 0) {
		$('#commentPrev').hide();
	}
	else {
		$('#commentPrev').show();
	}
	
	if (i >= comments.length-1) {
		$('#commentNext').hide();
	}
	else {
		$('#commentNext').show();
	}
}
*/
function setupFormSubmission() {
	$('#CommentAddForm').submit(function(e) {
	alert('hi');
		var url = $('#CommentAddForm').attr('action');
		var form_variables = $('#CommentAddForm').serialize();
		$.ajax({
			type: 'POST',
			url: url,
			data: form_variables,
			success: function(result) {
				if (result == 'fail') {
					alert('Please check your submission.');
				}
				else {
					$('#thankyou').html(result);
					state = 'success';
					showPage('thankyou');
					$('#CommentAddForm').reset();
				}
			}
		});
		
		return false;
	});
}