function setHeight(){
  document.getElementById("Rinhoud").style.height = document.body.clientHeight-156+"px"; //120 boven, 36 onder //"300px";
  //document.getElementById("progpagifr").style.height = document.body.clientHeight-160+"px";
  /*
  var rand_no = Math.random();
  var bcolor1 = addZeros(d2h(Math.round(255 * rand_no)),2);
  var rand_no = Math.random();
  var bcolor2 = addZeros(d2h(Math.round(255 * rand_no)),2);
  var rand_no = Math.random();
  var bcolor3 = addZeros(d2h(Math.round(255 * rand_no)),2);
  var bcolor  = "#" + bcolor1 + bcolor2 + bcolor3;
//document.write("regel2 " + bcolor);
  
  //document.getElementById("Rinhoud").style.height = 

  document.getElementById("Rinhoud").style.backgroundColor = bcolor;
  //document.body.clientHeight-186+"px"; //150 boven, 35 onder, 1 witlijntje
  */
}

//20090210 was document.documentElement.clientHeight is geworden document.body.clientHeight// doet het weer wel in FF, maar niet in IE
//2009 02 09 'body' is vervangen door 'documentElement'
// nog geen resultaat in IE

function setHeightK(){
  document.getElementById("Kinhoud").style.height = document.body.clientHeight-156+"px";
}

function chmenuOff(){
// === terug naar standaard menu ===
  var tlOnList = new Array('filmstabuit','evenemententabuit','filmtheatertabuit');
  var tlOffList = new Array('filmstabaan','filmssub','evenemententabaan','evenementensub','filmtheatertabaan','filmtheatersub');
  //uitzetten layers anders dan standaard
  for (x in tlOffList)
  {
    document.getElementById(tlOffList[x]).style.visibility='hidden';
  }
  // aanzetten alle standaard layers
  for (x in tlOnList)
  {
    document.getElementById(tlOnList[x]).style.visibility='inherit';
  }

}/*chmenuOff*/

function chmenuOn(layername){
// === uitbreiding op menu aanzetten ===
  chmenuOff()
  document.getElementById(layername+'sub').style.visibility='inherit';
  document.getElementById(layername+'tabuit').style.visibility='hidden';
  document.getElementById(layername+'tabaan').style.visibility='inherit';

}/*chmenuOn*/

function chmenuhover(layerid,color){
// === kleurwijziging bij mouseover ===  
  document.getElementById(layerid).style.color=color;
}/*chmenu*/






//=========================================================================
function Multikolom(elem)
//=========================================================================
// Verdeelt een serie div's met de titels in twee kolommen van een tabel
// Verdeling op basis van hoogte van de div's in de onverdeelde serie
// Buggy part in FF nu is dat hij opgeeft dat clientHeight = 13, terwijl
// op het scherm soms wel, maar soms ook echt niet meer dan 12 pixels 
// worden gereserveerd voor de div
// Daardoor is de totale hoogte van de parent-div kleiner dan de som van 
// de hoogtes van haar children.
// Dit is opgevangen dor de halve hoogte van de parent-div met 5px te verhogen
// SAFARI lijkt hier minder problematisch mee om te gaan,
// die heeft de 5px misschien niet nodig, verdere studie nodig

// class wissela en wisselb om evt de rijen om en om van style te voorzien
// bv donker/licht, met/zonder borders links en rechts etc..

// class kolom2 om de ruimte tussen de kolommen af te kunnen stemmen op de
// bovenliggende tab-koppen

//NB IE (who else) agian buggy behaviour
// so the function is disabled for IE
// breaking on number of titles (instead of sum-par-heights is done in php
{
  var tthoogte = document.getElementById(elem).clientHeight;
  // of offsetHeight
  var halfhoogte = (tthoogte / 2 ) ;//+ 5
  var aantalps = document.getElementById(elem).getElementsByTagName("div").length;
  var somhoogte=0;
  var i = 0;
  var elemcontent = document.getElementById(elem).innerHTML;
  var newcontent= "<table><tr><td>";
  var parnaam = "";
  var parhoogte = "";
  var partext="";
  var wissel = "a";
  
	while (somhoogte<halfhoogte)
	{
		parnaam = "titelnr" + i;
		parhoogte = document.getElementById(parnaam).clientHeight;
		partext = document.getElementById(parnaam).innerHTML;
		somhoogte = somhoogte + parhoogte;
		newcontent = newcontent + "<div  class='"+wissel+"'>" + partext + "</div>";//+ " " + parhoogte + " " + somhoogte 
		i++;
		if (wissel == "a"){
		  wissel = "b";
		}else{
		  wissel= "a";
		}
	}
	newcontent = newcontent + "</td><td class=\"kolom2\">";
	while (i<aantalps)
	{
		parnaam = "titelnr" + i;
		parhoogte = document.getElementById(parnaam).clientHeight;
		partext = document.getElementById(parnaam).innerHTML;
		somhoogte = somhoogte + parhoogte;
		newcontent = newcontent + "<div class='"+wissel+"'>" + partext + "</div>";//+ " " + parhoogte + " " + somhoogte 
		i++;
		if (wissel == "a"){
			  wissel = "b";
			}else{
			  wissel= "a";
			}
	}
	newcontent= newcontent + "</td></tr></table>";
    //var halflength = document.getElementById(elem).innerHTML.length / 2; 
    //var col1 = document.getElementById(elem).innerHTML.substring(0, halflength);
    //var col2 = document.getElementById(elem).innerHTML.substring(halflength);

    //document.getElementById(elem).innerHTML = '<table ><tr>' + 
    //    '<td >' + col1 + '</td>' +
    //    '<td >' + col2 + '</td>' +
    //    '</tr></table>' + aantalps + " " + halfhoogte  + " " + parnaam  + " " + parhoogte  + " " + partext  + " " + somhoogte;
    
    var browser=navigator.appName;
    var b_version=navigator.appVersion;
    var version=parseFloat(b_version);
    if (browser!="Microsoft Internet Explorer"){
      document.getElementById(elem).innerHTML = newcontent;
    }// the replacement is done for everybody except IE

//document.getElementById(elem).innerHTML = newcontent;// + aantalps + " " + halfhoogte  + " " + parnaam  + " " + parhoogte  + " " + partext  + " " + somhoogte
}// function Multikolom

function d2h(d) {return d.toString(16);}

function addZeros(score,digits) {
   if(score.length >= digits) { return score; }
   return addZeros("0"+score,digits);
}

function applyShadow(targetElement, shadowColor, shadowOffset) {
  if (typeof(targetElement) != 'object') {
    targetElement = document.getElementById(targetElement);
  }
  var value = targetElement.firstChild.nodeValue;
  targetElement.style.position = 'relative';
  targetElement.style.zIndex = 1;
    
  var newEl = document.createElement('span');
  newEl.appendChild(document.createTextNode(value));
  newEl.className = 'shadowed';
  newEl.style.color = shadowColor;
  newEl.style.position = 'absolute';
  newEl.style.left = shadowOffset + 'px';
  newEl.style.bottom = shadowOffset + 'px';
  newEl.style.zIndex = -1;
  
  targetElement.appendChild(newEl);
}