function changeButtonBgColor(elem,bgColor) {
	elem.style.backgroundColor=bgColor;
}

function changeClass(elem,newClass) {
	this.setAttribute('class','newClass');
}

function displayCollectionPage(pageNr) {
	currentPage=pageNr;
	lastPage=Math.ceil(collection.length/limit-1);
	var j=0;
	var last=0;
	for(i=limit*pageNr; i<(pageNr+1)*limit; i++) {
		if(collection[i]!=undefined) {
			document.getElementById('item-'+j).style.display = 'block';
			document.getElementById('item-'+j+'-title').innerHTML = collection[i]['title'];
			document.getElementById('item-'+j+'-thumb').style.backgroundImage = collection[i]['thumb'];
			document.getElementById('item-'+j+'-a').href = collection[i]['link'];
			document.getElementById('item-'+j+'-title').href = collection[i]['link'];
			last=i;
		} else {
				document.getElementById('item-'+j).style.display = 'none';
			}
		j++;
	}
	if((pageNr*limit+1)==(last+1)) {
		document.getElementById('from-to').innerHTML = 'item '+(last+1);
	} else {
			if(document.getElementById('from-to')!=null) {
				document.getElementById('from-to').innerHTML = (pageNr*limit+1)+' - '+(last+1);
			}
		}
	if(document.getElementById('pp-button')!=null) {
		if(currentPage==0) {
			previousPage=0;
			document.getElementById('pp-button').style.cursor = 'default';
		} else {
				previousPage=currentPage-1;
				document.getElementById('pp-button').style.cursor = 'pointer';
			}
	}
	if(document.getElementById('np-button')!=null) {
		if(currentPage==lastPage) {
			nextPage=lastPage;
			document.getElementById('np-button').style.cursor = 'default';
		} else {
				nextPage=currentPage+1;
				document.getElementById('np-button').style.cursor = 'pointer';
			}
	}
}

function moveItemsDivLeft() {
	if(moveCount == 25) {
		clearInterval(intId);
		moveCount=0;
		return;
	}
	curentPosition = parseInt(document.getElementById('itemsNavDiv').style.left);
	document.getElementById('itemsNavDiv').style.left = curentPosition-5+'px';
	moveCount++;
}
function moveItemsDivRight() {
	if(moveCount == 25) {
		clearInterval(intId);
		moveCount=0;
		return;
	}
	curentPosition = parseInt(document.getElementById('itemsNavDiv').style.left);
	document.getElementById('itemsNavDiv').style.left = curentPosition+5+'px';
	moveCount++;
}
function moveNavDiv($to) {
	if(typeof intId != "undefined") {
		clearInterval(intId);
	}
	if(typeof moveCount == "undefined") {
		moveCount = 0;
	}
	curentPosition = parseInt(document.getElementById('itemsNavDiv').style.left);
	if($to == 'left'){
		if(curentPosition > ((navDivSize*-1)+375)) {
			intId = setInterval( "moveItemsDivLeft()", 20 );
		}
	} else {
		if(curentPosition < 0) {
			intId = setInterval( "moveItemsDivRight()", 20 );
		}
	}
}