function offerRotatie(id, button)
 {
 if (id != null ) { curindex = id; }
		if (curindex == totalindex) {curindex = 1; }
			
			if (previndex != 0 ) {
				document.getElementById('li'+(previndex)).style.display='none'; 
			}
			
			document.getElementById('li'+(curindex)).style.display='block';
			highlightButton();
			
			previndex = curindex;
			curindex = curindex + 1;
			
		if (button != null) { clearInterval(refreshIntervalId); }
	 }
	
 
function highlightButton(){
		document.getElementById('buttonspan'+(previndex)).style.color="#FFFFFF";
		document.getElementById('buttonspan'+(previndex)).style.backgroundColor="#8f007e";

		document.getElementById('buttonspan'+(curindex)).style.color="#8f007e";
		document.getElementById('buttonspan'+(curindex)).style.backgroundColor="#FFFFFF";
}

 
		var delay=5000 //set delay in miliseconds
		var curindex=2
		var previndex = 1

		//setInterval("rotateimage(rimages, rlink, imagetarget, linktarget)",delay)
		var refreshIntervalId = setInterval("offerRotatie()",delay)