$(document).ready(function(){
	//References
	var pages = $("#menu li");
	var loading = $("#loading");
	var content = $("#expcontents");
	
	var per_page = $("#per_page");
	var count = $("#count");
	var total_pages = $("#total_pages");
	
	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
	

	//Manage click events
	pages.click(function(){
		//show the loading bar
		showLoading();
		//alert(per_page.val()+' : '+count.val()+' : '+this.id+' : '+total_pages.val());
		if(this.id==total_pages.val())
		{
			on_curr_page = count.val()-((this.id-1)*per_page.val());
		}
		else
		{
			on_curr_page = per_page.val();
		}
		//alert(on_curr_page);
		//Highlight current page number
		pages.css({'background-color' : ''});
		$(this).css({'background-color' : 'yellow'});

		//Load content
		var pageNum = this.id;
		var targetUrl = "content.php?page=" + pageNum + "&" + $("#myForm").serialize() + " #content";
		content.load(targetUrl, hideLoading);
		$("#expert").height((on_curr_page*75)+30);
	});
	
	//default - 1st page	
	var icount = 0;
	icount = count.val()-0;
	var iper_page = 0;
	iper_page = per_page.val()-0;

	if(icount <= iper_page)
	{
		on_curr_page = count.val();
	}
	else
	{
		on_curr_page = per_page.val();
	}
	$("#expert").height((on_curr_page*75)+30);
	
	$("#1").css({'background-color' : 'yellow'});
	var targetUrl = "content.php?page=1&" + $("#myForm").serialize() + " #content";
	showLoading();
	content.load(targetUrl, hideLoading);
});