' +
'| ' +
'' +
' | ' +
'
' +
'';
return html;
}
/*
Set all needed properties for scrollThumb and it's width
*/
Paginator.prototype.initScrollThumb = function(){
this.html.scrollThumb.widthMin = '8'; // minimum width of the scrollThumb (px)
this.html.scrollThumb.widthPercent = this.inputData.pagesSpan/this.inputData.pagesTotal * 100;
this.html.scrollThumb.xPosPageCurrent = (this.inputData.pageCurrent - Math.round(this.inputData.pagesSpan/2))/this.inputData.pagesTotal * this.html.table.offsetWidth;
this.html.scrollThumb.xPos = this.html.scrollThumb.xPosPageCurrent;
this.html.scrollThumb.xPosMin = 0;
this.html.scrollThumb.xPosMax;
this.html.scrollThumb.widthActual;
this.setScrollThumbWidth();
}
Paginator.prototype.setScrollThumbWidth = function(){
// Try to set width in percents
this.html.scrollThumb.style.width = this.html.scrollThumb.widthPercent + "%";
// Fix the actual width in px
this.html.scrollThumb.widthActual = this.html.scrollThumb.offsetWidth;
// If actual width less then minimum which we set
if(this.html.scrollThumb.widthActual < this.html.scrollThumb.widthMin){
this.html.scrollThumb.style.width = this.html.scrollThumb.widthMin + 'px';
}
this.html.scrollThumb.xPosMax = this.html.table.offsetWidth - this.html.scrollThumb.widthActual;
}
Paginator.prototype.moveScrollThumb = function(){
this.html.scrollThumb.style.left = this.html.scrollThumb.xPos + "px";
}
/*
Set all needed properties for pageCurrentMark, it's width and move it
*/
Paginator.prototype.initPageCurrentMark = function(){
this.html.pageCurrentMark.widthMin = '3';
this.html.pageCurrentMark.widthPercent = 100 / this.inputData.pagesTotal;
this.html.pageCurrentMark.widthActual;
this.setPageCurrentPointWidth();
this.movePageCurrentPoint();
}
Paginator.prototype.setPageCurrentPointWidth = function(){
// Try to set width in percents
this.html.pageCurrentMark.style.width = this.html.pageCurrentMark.widthPercent + '%';
// Fix the actual width in px
this.html.pageCurrentMark.widthActual = this.html.pageCurrentMark.offsetWidth;
// If actual width less then minimum which we set
if(this.html.pageCurrentMark.widthActual < this.html.pageCurrentMark.widthMin){
this.html.pageCurrentMark.style.width = this.html.pageCurrentMark.widthMin + 'px';
}
}
Paginator.prototype.movePageCurrentPoint = function(){
if(this.html.pageCurrentMark.widthActual < this.html.pageCurrentMark.offsetWidth){
this.html.pageCurrentMark.style.left = (this.inputData.pageCurrent - 1)/this.inputData.pagesTotal * this.html.table.offsetWidth - this.html.pageCurrentMark.offsetWidth/2 + "px";
} else {
this.html.pageCurrentMark.style.left = (this.inputData.pageCurrent - 1)/this.inputData.pagesTotal * this.html.table.offsetWidth + "px";
}
}
/*
Drag, click and resize events
*/
Paginator.prototype.initEvents = function(){
var _this = this;
this.html.scrollThumb.onmousedown = function(e){
if (!e) var e = window.event;
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
var dx = getMousePosition(e).x - this.xPos;
document.onmousemove = function(e){
if (!e) var e = window.event;
_this.html.scrollThumb.xPos = getMousePosition(e).x - dx;
// the first: draw pages, the second: move scrollThumb (it was logically but ie sucks!)
_this.moveScrollThumb();
_this.drawPages();
}
document.onmouseup = function(){
document.onmousemove = null;
_this.enableSelection();
}
_this.disableSelection();
}
this.html.scrollBar.onmousedown = function(e){
if (!e) var e = window.event;
if(matchClass(_this.paginatorBox, 'fullsize')) return;
_this.html.scrollThumb.xPos = getMousePosition(e).x - getPageX(_this.html.scrollBar) - _this.html.scrollThumb.offsetWidth/2;
_this.moveScrollThumb();
_this.drawPages();
}
// Comment the row beneath if you set paginator width fixed
addEvent(window, 'resize', function(){Paginator.resizePaginator(_this)});
}
/*
Redraw current span of pages
*/
Paginator.prototype.drawPages = function(){
var percentFromLeft = this.html.scrollThumb.xPos/(this.html.table.offsetWidth);
var cellFirstValue = Math.round(percentFromLeft * this.inputData.pagesTotal);
var html = "";
// drawing pages control the position of the scrollThumb on the edges!
if(cellFirstValue < 1){
cellFirstValue = 1;
this.html.scrollThumb.xPos = 0;
this.moveScrollThumb();
} else if(cellFirstValue >= this.inputData.pagesTotal - this.inputData.pagesSpan) {
cellFirstValue = this.inputData.pagesTotal - this.inputData.pagesSpan + 1;
this.html.scrollThumb.xPos = this.html.table.offsetWidth - this.html.scrollThumb.offsetWidth;
this.moveScrollThumb();
}
for(var i=0; i
* 
* 
* 
* 
*