function pagging(totalPage, page, url) 
{
	var uPaging = "";
	var class_last = "";
	var action = "";
	var page_prev = page-1;
	var page_next = page+1;
	url = url + '&page=';
		
	uPaging += "<ul>\n";
	//uPaging += "<li class='first'>Page: </li>\n";
	if(page_prev>0){
		uPaging += "<li onmouseover='changeBgColor(this,0)' onmouseout='changeBgColor(this,1)'><a href='"+ url + "1'>&lsaquo;&lsaquo; Firt</a></li>\n";
		uPaging += "<li onmouseover='changeBgColor(this,0)' onmouseout='changeBgColor(this,1)'><a href='"+ url + page_prev + "'>&lsaquo;&lsaquo; Prev</a></li>\n";
	}
	var offset = page - 2;
	var limit = (page-2)+6;
	var last_page = limit - 1;
	for(var i = offset; i < limit; i++){
		if(i <= totalPage && i>0){
			if(page == i) {
				uPaging += "<li class='active'>"+i+"</li>\n";
			}else{
				if(i == last_page) class_last = " class=last";
				else class_last = "";
				uPaging += "&nbsp;<li"+class_last+" onmouseover='changeBgColor(this,0)' onmouseout='changeBgColor(this,1)'><a href='"+ url + i + "'>"+i+"</a></li>\n&nbsp;";
			}
		}
	}
	if(page_next<=totalPage){
		uPaging += "<li onmouseover='changeBgColor(this,0)' onmouseout='changeBgColor(this,1)'><a href='"+ url + page_next + "'>Next &rsaquo;&rsaquo;</a></li>\n";
		uPaging += "<li onmouseover='changeBgColor(this,0)' onmouseout='changeBgColor(this,1)'><a href='"+ url + totalPage + "'>Last &rsaquo;&rsaquo;</a></li>\n";
	}
	return uPaging+"</ul>";
}

function changeBgColor(obj,type){
	if (type == 0)
		obj.style.backgroundColor = '#E4F2FD';
	else
		obj.style.backgroundColor = '#FFFFFF';
}