//
// (c) Gaenko Dmitry, email: gds@ukr.net
//
function navigation_pages_bar(total_item_cnt,item_per_page,cur_page,url)
  {
    this.imgs_path = "page_navigation/imgs/";
    this.img_first = "first.gif";
    this.img_last = "last.gif";
    this.img_prev = "prev.gif";
    this.img_next = "next.gif";
    this.max_items = 10;
    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">';
        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);
      }
  }
