function navigation_pages_bar(total_item_cnt,item_per_page,cur_page,url) { this.imgs_path = "images/navbar/"; this.img_first = "first.png"; this.img_last = "last.png"; this.img_prev = "prev.png"; this.img_next = "next.png"; this.max_items = 11; this.spliter = "&#183;"; this.highlight = "red"; this.show = function() { var pages_count = Math.ceil(total_item_cnt/item_per_page); if (pages_count==1 || total_item_cnt==0) return; if (cur_page>1) nav_prev = cur_page-1; else nav_prev = 1; if (cur_page<pages_count) nav_next = cur_page+1; else nav_next = pages_count; if (cur_page<6) start_val = 1; else start_val = cur_page-5; if (cur_page+5>pages_count) end_val = pages_count; else end_val = cur_page+5; if ((cur_page<6)&&(pages_count>=this.max_items)) end_val = this.max_items; if (end_val-start_val<this.max_items) { if (end_val-this.max_items>0) start_val = end_val-this.max_items+1; else start_val = 1; if (cur_page<5) if (pages_count>this.max_items) end_val = this.max_items; else end_val = pages_count; } result = '<TABLE border="0" cellpadding="0" cellspacing="0" align="center" class="pager">'; result += '<TR>'; result += '<TD class="nav_bar" style="text-align:right" onClick="document.location=\''+url+'&page=1\'"><IMG src="'+this.imgs_path+this.img_first+'" border="0" align="center"/></TD>'; result += '<TD class="nav_bar" onClick="document.location=\''+url+'&page='+nav_prev+'\'" onMouseOver="this.style.color=\''+this.highlight+'\'" onMouseOut="this.style.color=\'\'"><IMG src="'+this.imgs_path+this.img_prev+'" border="0" align="center"/></TD>'; var item = ""; for (var i=start_val; i<=end_val; i++) { result += '<TD>'+this.spliter+'</TD>'; if (i==cur_page) item = '<TD class="nav_bar_selected">'+i+'</TD>'; else item = '<TD class="nav_bar" onClick="document.location=\''+url+'&page='+i+'\'" onMouseOver="this.style.color=\''+this.highlight+'\'" onMouseOut="this.style.color=\'\'">'+i+'</TD>'; result += item; } result += '<TD>'+this.spliter+'</TD>'; result += '<TD class="nav_bar" onClick="document.location=\''+url+'&page='+nav_next+'\'" onMouseOver="this.style.color=\''+this.highlight+'\'" onMouseOut="this.style.color=\'\'"><IMG src="'+this.imgs_path+this.img_next+'" border="0" align="center"/></TD>'; result += '<TD class="nav_bar" style="text-align:left" onClick="document.location=\''+url+'&page='+pages_count+'\'"><IMG src="'+this.imgs_path+this.img_last+'" border="0" align="center"/></TD>'; result += '</TR>'; result += '</TABLE>'; document.write(result); } }