$(document).ready(function()
{
//Display Loading Image
function Display_Load()
{
$("#loading").fadeIn(900,0);
$("#loading").html("");
}
//Hide Loading Image
function Hide_Load()
{
$("#loading").fadeOut('slow');
};

//Default Starting Page Results
$("#pagination td:first")
.css({'cursor' : 'pointer'})
.css({'color' : '#FF0084'})
.css({'padding-left' : '6px'})
.css({'padding-right' : '6px'})
.css({'border' : 'solid #dddddd 1px'});
Display_Load();
$("#content").load("pagination.php?page=1", Hide_Load());

//Pagination Click
$("#pagination td").click(function(){
Display_Load();
//CSS Styles
$("#pagination td")
.css({'border' : 'solid #dddddd 1px'})
.css({'padding-left' : '6px'})
.css({'padding-right' : '6px'})
.css({'cursor' : 'pointer'})
.css({'color' : '#0063DC'});

$(this)
.css({'color' : '#FF0084'})
.css({'padding-left' : '6px'})
.css({'padding-right' : '6px'})
.css({'cursor' : 'pointer'})
.css({'border' : 'none'});


//Loading Data
var pageNum = this.id;
$("#content").load("pagination.php?page=" + pageNum, Hide_Load());
});

});