$(document).ready(function(){
	//$("#show_header").html("<img src='images/load.gif'/>");
	
	$("#header_newer").hide();
	$("#header_reset").hide();
	var total;// = $("#header_page").val();
	var page = 0;
	$.get('getTotalPreviewHeader.jsp', function(data) {
		  total = data.replace(/^\s*|\s*$/g,'');
		 // alert(total);
	});

	//alert(total);
	$.post("previewHeader.jsp", {page:page}, function(output){ $("#show_header").hide(); $("#show_header").html(output); $("#show_header").fadeIn("slow");} );

	$("#header_older").click(function(e){
		e.preventDefault();
		
		page++;
		if(page > total-1)
			$("#header_older").hide();

		$("#header_newer").show();
		$("#header_reset").show();

		
		$.post("previewHeader.jsp", {page:page}, function(output){ $("#show_header").hide(); $("#show_header").html(output); $("#show_header").fadeIn("slow");} );

	});
	
	$("#header_newer").click(function(e){
		e.preventDefault();
		page--;
		if(page == 0){
			$("#header_newer").hide();
		}
		
		$("#header_older").show();
		$("#header_reset").show();
		
		
		if(page == total)
			$("#header_reset").hide();
		
		$.post("previewHeader.jsp", {page:page}, function(output){ $("#show_header").hide(); $("#show_header").html(output); $("#show_header").fadeIn("slow");} );

		
	});
	
	$("#header_reset").click(function(e){
		e.preventDefault();
		page = 0;
		$("#header_newer").hide();
		$("#header_older").show();
		$("#header_reset").hide();
		$.post("previewHeader.jsp", {page:page}, function(output){ $("#show_header").hide(); $("#show_header").html(output); $("#show_header").fadeIn("slow");} );

	});
	
});