ÿþ// +------------------------------------------------------------+

// |               HTML Table Pager Version 1.1                 |

// +------------------------------------------------------------+

// | Last Modified:                  16-Dec-2006                |

// | Web Site:                       http://joeli.t35.com       |

// | Web Site (2):                   http://joeli.27h.org       |

// | EMail:                          licp at hotmail dot com    |

// +------------------------------------------------------------+

// |       Copyright 2006  Joe Li     All Rights Reserved.      |

// |     Permission given to use this script in ANY kind of     |

// |      applications if header lines are left unchanged.      |

// +------------------------------------------------------------+

// v1.1:add a function "getNavBarHTML()" in order to customize HTML of NavBar





function Pager(id, thePageSize) {

	

	this._o = document.getElementById(id);

	

	if (this._o)

	{

		this._displayElement(this._o, false); //true :show header

	}

	

	this.pageIndex = 0 ;

	this.RecordCount = 0;

	this.PageCount = 0; 

	if(thePageSize == null)

	{

		this.PageSize = 10;

	}

	else

	{

		this.PageSize = parseInt(thePageSize);

	}

	

	this._setRecordCount();

	

	this._setPageCount();

	

	this.AbsolutePage = (this.RecordCount > 0 ? 1: 0);

	this.DivObj = null;

	this.objName = "";

	

}



Pager.prototype.reload = function() {

	this._setRecordCount();

	this.display();

};



Pager.prototype._setRecordCount = function() {

	this.RecordCount = (this._o && this._o.rows ? this._o.rows.length - 1: 0);

};



Pager.prototype._setPageCount = function() {



	if (this.RecordCount <= 0) 

	{

		

		this.PageCount = 0;

	} else 

	{

		this.PageCount = Math.ceil(this.RecordCount / this.PageSize);

	}

	

};



Pager.prototype.toString = function() {

	return '<p>Pager:' + '<br />' +

		'RecordCount = ' + this.RecordCount + '<br />' +

		'PageSize = ' + this.PageSize + '<br />' +

		'PageCount = ' + this.PageCount + '<br />' +

		'AbsolutePage = ' + this.AbsolutePage + '</p>';

};



Pager.prototype._displayElement = function(e, bool) {

	if (!e || !e.style) return;

	e.style.display = (bool? '': 'none');

};



Pager.prototype.display = function() {

	

	this._setPageCount();

	if (this.RecordCount <= 0 || this.PageCount <= 0)

	{

		return;

	}

	this.AbsolutePage = parseInt(this.AbsolutePage);

	if (isNaN(this.AbsolutePage) || this.AbsolutePage < 1 || this.AbsolutePage > this.PageCount) this.AbsolutePage = 1;

	var fRec = (this.AbsolutePage - 1) * this.PageSize + 1;

	var lRec = this.AbsolutePage * this.PageSize;

	this._displayElement(this._o, false);

	for (var i = 0; i <= this.RecordCount; i++) this._displayElement(this._o.rows[i], i == 0 || (i >= fRec && i <= lRec));

	this._displayElement(this._o, true);

	if(!this.DivObj) 

	{

		return;

	}

	this.DivObj.innerHTML = this.getNavBarHTML(this.objName);

};



Pager.prototype.prevPage = function() {

	if (this.AbsolutePage - 1 >= 1) {

		this.AbsolutePage--;

		this.display();

	}

};



Pager.prototype.nextPage = function() {

	if (this.AbsolutePage + 1 <= this.PageCount) {

		this.AbsolutePage++;

		this.display();

	}

};



//Pager.prototype.changePage = function() {

//		var idx = document.getElementById("pageIndex").selectedIndex ;

//		this.AbsolutePage = idx+1;

//		this.display();

//};



Pager.prototype.navBar = function(varName, eName) {

	this.objName = varName;

	this.DivObj = document.getElementById(eName);

	if (!this.DivObj)

	{

		return;

	}

	this._setPageCount();

	if (this.PageCount <= 1)

	{

		return;

	}

	this.DivObj.innerHTML = this.getNavBarHTML(varName);

};



//v1.1, add this function to customize HTML

Pager.prototype.getNavBarHTML = function(varName) {

	var s = '';

	s += '<div class="page_num" align="center">';

	s += '<img src="/wcm/Web/img/btn/page_last.gif" width="12" height="13" />';

	s += '&nbsp;&nbsp;';

	s += '<a href="javascript:' + varName + '.prevPage()">
NN
˜</a> ';

	s += '&nbsp;&nbsp;';

	if (this.AbsolutePage > 1)

	{

		s += '<a href="javascript:' + varName + '.prevPage()">'+(this.AbsolutePage - 1)+'</a> ';

		s += '&nbsp;&nbsp;';

	}	

	s += '<span class="page_current">'+(this.AbsolutePage)+'</span>';

	s += '&nbsp;&nbsp;';

	if (this.AbsolutePage < this.PageCount)

	{

		s += '<a href="javascript:' + varName + '.nextPage()">'+(this.AbsolutePage + 1)+'</a> ';

		s += '&nbsp;&nbsp;';

	}

	s += '<a href="javascript:' + varName + '.nextPage()">NN
˜</a> ';

	s += '&nbsp;&nbsp;';

	s += '<img src="/wcm/Web/img/btn/page_next.gif" width="12" height="13" />';

	s += '</div>';

	return s;

};