$(document).ready(function() {

	// Quem faz parte da paginacao?
	var pages = $("#pagination li");
	var loading = $("#loading-table");
	var content = $("#galeria");
	
	// Exibe o loading
	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();
		
		//Highlight current page number
		pages.css({'font-weight' : 'bold','color' : '#999999'});
		$(this).css({'font-weight' : 'bold','color' : '#FFFFFF'});

		//Load content
		var pageNum = this.id;
		var targetUrl = "page/girl.pagination.php?tabela="+tabela+"&id_girl="+id_girl+"&page=" + pageNum + "&reload=true";
		content.load(targetUrl);
		
		// Esconde o loading
		hideLoading();

	});
	
	// Seta o 1 como aclicado
	$("#1").css({'font-weight' : 'bold','color' : '#FFFFFF'});
	
	// Esconde o loading
	hideLoading();

});