var visibleFeatures = 0;

function featuresVisibility (step, propertiesPerPage, propertiesNumber) {
	
	var resultPieces = document.getElementById('resultpieces');
	var features = resultPieces.getElementsByTagName('li');
	var j=0;
	if (features.length > 0) {
		resultPieces.style.display = 'none';
		visibleFeatures += step*propertiesPerPage;
		if (visibleFeatures < 0) visibleFeatures = 0;
		if (visibleFeatures >= propertiesNumber) visibleFeatures -= propertiesPerPage;
		for(var i=0; i<features.length; i++) {
			if (features[i].className == 'item') {
				if (j >= visibleFeatures && j < (visibleFeatures + propertiesPerPage)) {
					features[i].style.display = '';
				} else {
					features[i].style.display = 'none';
				}
				j++;
			}
		}
		resultPieces.style.display = '';
	}
	var page1 = document.getElementById('page1');
	var page2 = document.getElementById('page2');
	var tekst = (visibleFeatures + 1) + " &ndash; " + (Math.min(visibleFeatures + propertiesPerPage,propertiesNumber)) + " of " + propertiesNumber;
	page1.innerHTML = tekst;
	page2.innerHTML = tekst;
	
	var prevLabel = "";
	if (visibleFeatures != 0)
		prevLabel = " &laquo; Previous "+propertiesPerPage;
	var prev1 = document.getElementById('prev1');
	var prev2 = document.getElementById('prev2');
	prev1.innerHTML = prevLabel;
	prev2.innerHTML = prevLabel;
	
	var nextLabel = "";
	if (visibleFeatures + propertiesPerPage < propertiesNumber) {
		var nextNumber = Math.min(propertiesPerPage, propertiesNumber - visibleFeatures - propertiesPerPage);
		nextLabel = " Next " + nextNumber + " &raquo";
	}
	var next1 = document.getElementById('next1');
	var next2 = document.getElementById('next2');
	next1.innerHTML = nextLabel;
	next2.innerHTML = nextLabel;
}