Paging Code implemented by JS

Function update_page_list (page_bar, total, cur_page, num _ per_page)
{
Page_bar.html ("");

If (total <= 0) return;

VaR num_page = ~~ (Total + num _ per_page-1)/num _ per_page );
If (cur_page> 1 ){
Page_bar.append ($ ("<a onclick = 'Goto _ page (" + (cur_page-1) + ") 'href = '#'> previous page </a> "));
}

var start = 1;
var end = 10;
If (num_page> 10) {
If (cur_page> 6) {
page_bar.append ($ (" 1 ... ");
If (cur_page + 5 <= num_page) {
Start = cur_page-4;
end = cur_page + 4;

} Else {
End = num_page;
Start = num_page-9;
}
}
}

If (end> num_page) End = num_page;

for (VAR I = start; I <= end; ++ I) {
if (I! = Cur_page) {
page_bar.append ($ (" "+ I +" "));
}else {
page_bar.append ($ ("" + I + " "));
}< BR >}

If (end <num_page ){

Page_bar.append ($ ("<strong>... </strong> <
Onclick = 'Goto _ page ("+ (num_page) + ")'
Href = '#'> "+ num_page +" </a> "));
}
If (num_page> 1 & cur_page <num_page ){
Page_bar.append ($ ("<a onclick = 'Goto _ page (" + (cur_page + 1) + ") 'href = '#'> next page </a> "));
}
}

Function update_page_list (page_bar, total, cur_page, num _ per_page)
{
Page_bar.html ("");

If (total <= 0) return;

var num_page = ~~ (Total + num _ per_page-1)/num _ per_page);
If (cur_page> 1) {
page_bar.append ($ (" previous page ");
}

var start = 1;
var end = 10;
If (num_page> 10) {
If (cur_page> 6) {
page_bar.append ($ (" 1 ... ");
If (cur_page + 5 <= num_page) {
Start = cur_page-4;
end = cur_page + 4;

} Else {
End = num_page;
Start = num_page-9;
}
}
}

If (end> num_page) End = num_page;

for (VAR I = start; I <= end; ++ I) {
if (I! = Cur_page) {
page_bar.append ($ (" "+ I +" "));
}else {
page_bar.append ($ ("" + I + " "));
}< BR >}

If (end page_bar.append ($ (" ... onclick = 'Goto _ page ("+ (num_page) + ") '
href =' # '> "+ num_page +" "));
}< br> If (num_page> 1 & cur_page page_bar.append ($ (" next page ");
}< BR >}