//Variables
var loading = $("#loading");
var comments = $("#comments");
var comments1 = $("#comments1");
var more = $("#more");
var target_page, query, now_showing, total_cmts;

//show loading bar
function showLoading(){
	loading.slideDown("slow");
}
//hide loading bar
function hideLoading(){
	loading.slideUp("slow");
};

//update now showing after every click of show more
function update_now()
{

	now_showing = parseInt($("#now_showing").attr("value")) + parseInt($("#show_more").attr("value"));
	$("#now_showing").attr("value", now_showing );
	
	//hide show more when total comments are shown
	total_cmts = parseInt($("#total_cmts").attr("value"));
	

	if(now_showing >= total_cmts)
		more.slideUp("slow");
}

//When show more clicked
more.click(function(){
					
	showLoading();
	
	//define target page and query string
	target_page = "show_more_public.php";

	query = $("#myForm").serialize();
	
	//alert(query);
	//send request and append the response data in comments area
	$.get(target_page, query , function(data){
		//alert(data);
		if(document.getElementById('defaultmyspan').style.display=='block')
		comments.append(data);
		else
		comments1.append(data);
		
		hideLoading();
	
		update_now();
	});
});

//intially hide loading bar
hideLoading();