function gotoPage(divName,pageSize,newPageNumber,styleOn,styleOff) {
    var divCollObject = getElementsByName_iefix("div", divName);
    var numPages = divCollObject.length / parseInt( pageSize );
    if (divCollObject.length % (parseInt(pageSize)) != 0) {
        numPages = numPages + 1;
    }
    var pageButton = null;
	if (newPageNumber >= 1 && newPageNumber <= numPages) {
	  for (var i=0;i<numPages;i++){
	    pageButton = document.getElementById(divName+'_btn'+i);
	    if (pageButton != null) {	    
	      if (newPageNumber==(i+1)) {	      
	        pageButton.className = styleOn;
	      }else{
	        pageButton.className = styleOff;            
	      }
	    }
	  }
	  // mi muovo nei prossimi elementi
	  for(var i=0;i<divCollObject.length;i++) {
	    divCollObject[i].style.display = (i<(newPageNumber-1)*parseInt(pageSize) || i > (newPageNumber*parseInt(pageSize)- 1)) ? 'none' :'block';
	  }
    }
}

function paging(divName,pageSize,direzione,styleOn,styleOff) {
	var divCollObject = getElementsByName_iefix("div", divName);

	var numPages = divCollObject.length / parseInt( pageSize );
	if (divCollObject.length % (parseInt(pageSize)) != 0) {
		numPages = numPages + 1;
	}
	var pageButton = null;
	var activePageButtonIndex = null;
	for (var i=0;i<numPages;i++){
		pageButton = document.getElementById(divName+'_btn'+i);
		  
		if (pageButton != null && pageButton.className == styleOn){
			activePageButtonIndex = i+1;
			break;
		}
	}
	if (activePageButtonIndex != null) {
		activePageButtonIndex = activePageButtonIndex + parseInt (direzione);
		if (activePageButtonIndex >= 1 && activePageButtonIndex <= numPages) {
			for (var i=0;i<numPages;i++){
				pageButton = document.getElementById(divName+'_btn'+i);
				if (pageButton != null) {
				    if (activePageButtonIndex==(i+1)) {
						pageButton.className = styleOn;
					}else{
						pageButton.className = styleOff;			
					}
				}
			}
			// mi muovo nei prossimi elementi
			for(var i=0;i<divCollObject.length;i++) {
				divCollObject[i].style.display = (i<(activePageButtonIndex-1)*parseInt(pageSize) || i > (activePageButtonIndex*parseInt(pageSize)- 1)) ? 'none' :'block';
			}
		}
	} else {
		// mi muovo nei prossimi elementi
		for(var i=0;i<divCollObject.length;i++) {
			divCollObject[i].style.display = (i > parseInt(pageSize)- 1) ? 'none' :'block';
		}
	}
}

function getElementsByName_iefix(tag, name) {
	var elem = document.getElementsByTagName(tag);
	var arr = new Array();
	for(i = 0,iarr = 0; i < elem.length; i++) {
		att = elem[i].getAttribute("name");
		if(att == name) {
			arr[iarr] = elem[i];
			iarr++;
		}
	}
	return arr;
}