$(document).ready(function(){
		
	//Display Loading Image
	function Display_Load()
	{
	    $("#loading").fadeIn(900,0);
		$("#loading").html("<img src='/images/other/ajax-loader4.gif' />");
	}
	//Hide Loading Image
	function Hide_Load()
	{
		$("#loading").fadeOut('slow');
	};
	

   //Default Starting Page Results
   
	$("#pagination li:first").css({'color' : 'white'}).css({'border' : 'solid #dddddd 1px'}).css({'background-color' : '#7cb7ff'}).css({'font-weight' : 'bold'});
	
	Display_Load();
	
	$("#content").load("ajax/?page=1", Hide_Load());



	//Pagination Click
	$("#pagination li").click(function(){
			
		Display_Load();
		
		//CSS Styles
		$("#pagination li")
		.css({'border' : 'solid #dddddd 1px'})
		.css({'color' : '#0063DC'})
		.css({'background-color' : 'white'})
		.css({'font-weight' : 'normal'});
		
		$(this)
		//.css({'color' : '#FF0084'})
		.css({'color' : 'white'})
		.css({'background-color' : '#7cb7ff'})
		.css({'font-weight' : 'bold'});
		//.css({'padding' : '4px'})
		//.css({'border' : 'none'});
		

		//Loading Data
		var pageNum = this.id;
		//alert("The last 25 entries in the feed have been loaded");
		$("#content").load("ajax/?page=" + pageNum, Hide_Load());

	});

	//Sort Click - oldest
	$("#a").click(function(){
			
		Display_Load();

		//Loading Data
		var pageSort = this.id;
		$("#content").load("ajax/?sort=" + pageSort, Hide_Load());
		
		//Set style  for select sorting
		$("#a").css({'font-weight' : 'bold'}).css({'text-decoration' : 'none'});
		$("#z").css({'text-decoration' : 'underline'}).css({'font-weight' : 'normal'});
		
		//Set styles from numbers of pages
		$("#pagination li")
		.css({'border' : 'solid #dddddd 1px'})
		.css({'color' : '#0063DC'})
		.css({'background-color' : 'white'})
		.css({'font-weight' : 'normal'});
		
		//Set style for first number in paging
		$("#pagination li:first").css({'color' : 'white'}).css({'border' : 'solid #dddddd 1px'}).css({'background-color' : '#7cb7ff'}).css({'font-weight' : 'bold'});
	});
	
	
	//Sort Click - latest
	$("#z").click(function(){
			
		Display_Load();

		//Loading Data
		var pageSort = this.id;
		$("#content").load("ajax/?sort=" + pageSort, Hide_Load());
		
		//Set style  for select sorting
		$("#z").css({'font-weight' : 'bold'}).css({'text-decoration' : 'none'});
		$("#a").css({'text-decoration' : 'underline'}).css({'font-weight' : 'normal'});
				
		//Set styles from numbers of pages
		$("#pagination li")
		.css({'border' : 'solid #dddddd 1px'})
		.css({'color' : '#0063DC'})
		.css({'background-color' : 'white'})
		.css({'font-weight' : 'normal'});
		
		//Set style for first number in paging
		$("#pagination li:first").css({'color' : 'white'}).css({'border' : 'solid #dddddd 1px'}).css({'background-color' : '#7cb7ff'}).css({'font-weight' : 'bold'});
	});	
	
	
});