$(document).ready(function(){
						 
	//References
	
	var loading = $("#loading");
	var pages = $("#paging li");
	var content = $("#content12");
	
	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(3000 , 0);
			
	};
	
	
	//Default page will be loaded
	
	var st_pg = $("#st_pg").val();
	$("#"+st_pg).css({'background-color' :'#A66100'});
	var targetUrl = "content.php?page="+st_pg+"&" + $("#myForm").serialize();
	showLoading();
	content.load(targetUrl, hideLoading);
	
	
	
	
	pages.click(function(){
						 
		//show the loading bar
		showLoading();
		//Highlight current page number
		pages.css({'background-color' : ''});
		$(this).css({'background-color' : '#A66100'});
		
		//Load content
		var pageNum = this.id;
		var targetUrl = "content.php?page=" + pageNum + "&" + $("#myForm").serialize()+" #test";
		content.load(targetUrl, hideLoading);
		
		//set scrollbar value at top
		window.scroll(0,0);
	});
	
	
	
	
});