var active = 0;
var section = 0;
function pagingByInt(index)
{
	document.getElementById("pagingIndex_"+active).style.color="#000000";
	document.getElementById("pagingIndex_"+index).style.color="#ed1a3b";
	
	document.getElementById("products_"+active).style.display="none";
	document.getElementById("products_"+index).style.display="block";
	
	active = index;
	window.scrollTo(0,0);
	
	if(index==0)
	{
		document.getElementById("pagingPrev").innerHTML = "";	
	}
	else
	{
		document.getElementById("pagingPrev").innerHTML = "<a onclick='paging(\"prev\")'>&laquo; vorige</a>";
	}
	
	if(index==section)
	{
		document.getElementById("pagingNext").innerHTML = "";	
	}
	else
	{
		document.getElementById("pagingNext").innerHTML = "<a onclick='paging(\"next\")'>volgende &raquo;</a>";
	}
}

function paging(state)
{
	switch(state)
	{
		case "prev":
			pagingByInt(active-10);
			break;
		case "next":
			pagingByInt(active+10);
			break;
	}
}

function setSection(index)
{
	section = parseInt(index)-10;	
	document.getElementById("pagingIndex_0").style.color="#ed1a3b";
}