var detailElm
var activeElm

var programDelay=3000;

var loopTimeID
var loopIndex = 0;
var loopList = []

function initProgram(listId,detailId)
{
	detailElm = document.getElementById(detailId)
	var aList =  document.getElementById("programListSet").getElementsByTagName("a");
	
	for(var i=0;i<aList.length;i++)
	{
		loopList[loopList.length]=aList[i];
		programList[aList[i].id].href=aList[i].href;
		aList[i].onclick = function()
		{
			setProgramActive(this);
			this.blur();
			return false;
		}
		aList[i].ondblclick = function()
		{
			document.location.href=this.href
		}
	}
	loopProgramList();
	document.onmousedown=function()
	{
		clearTimeout(loopTimeID)
		document.onclick=null;
	}
}

function setProgramActive(aElm)
{
	clearTimeout(loopTimeID)
	if(activeElm) activeElm.className = "";
	showProgramDetails(programList[aElm.id]);
	aElm.className = "active"
	activeElm = aElm
	
}

function loopProgramList()
{
	setProgramActive(loopList[loopIndex++])
	if(loopIndex>=loopList.length) loopIndex=0;
	loopTimeID = setTimeout("loopProgramList()",programDelay);
}


function showProgramDetails(program,programhref)
{
	var HTML = "";
	HTML += "<h4>"+program.afkorting+"</h4>\n";
	HTML += ""+program.titel+"\n";
	for(var i in program.details)
	{
		HTML += "<h5>"+i+"</h5>\n";
		HTML += program.details[i]+"\n";
	}
	detailElm.innerHTML = HTML+"<div class=\"readmore\"><a href=\""+program.href+"\" >lees verder</a></div>";
}