{
var ancColor;
var ancBgColor;

function hli(e) {
  var anc;
  anc=document.getElementById(e.srcElement.id)
  ancColor=anc.style.color;
  ancBgColor=anc.style.backgroundColor;
  anc.style.color="red";
  anc.style.backgroundColor="black";
}

function lli(e) {
  var anc;
  anc=document.getElementById(e.srcElement.id);
  anc.style.color=ancColor;
  anc.style.backgroundColor=ancBgColor;
}

function indLine( evName, htmlName, indexText ) {
   var result =
      '<li><A id="' + 
	  evName + 
	  '" href="' +
	  htmlName + 
	  '.html" ONMOUSEOVER="hli(event)" ONMOUSEOUT="lli(event)">' +
	  indexText +
	  '</A></li>';
   return result;
}

document.write(
    '<div id="header">' +
	'<IMG title=Revoce style="WIDTH: 169px; HEIGHT: 116px" height=146 width=205' +
	' alt=Revoce src="images/logoc.jpg" align=left border=0>' +
	'</div>' +    
    '<div id="navigation"><ul class="navindex">' +
    indLine("ind1",  "index",           "Even voorstellen") +
    indLine("ind2",  "KomendConcert",   "Komend concert") +
    indLine("ind3",  "Dirigent",        "Dirigent") +
    indLine("ind4",  "Repertoire",      "Repertoirelijst") +
    indLine("ind5",  "GeluidsFrag",     "Geluidsfragmenten") +
    indLine("ind6",  "Repetities",      "Repetities") +
    indLine("ind7",  "ZingenBijRevoce", "Zingen bij Revoce") +
	'<hr>' +
    indLine("ind8",  "Geschiedenis",  "Geschiedenis") +
    indLine("ind9",  "OudDirigenten", "Oud-dirigenten") +
    indLine("ind10", "Concerten",     "Eerdere concerten") +
	'<hr>' +
    indLine("ind12", "Vrienden",      "Vrienden") +
    indLine("ind13", "Adverteerders", "Adverteerders") +
    indLine("ind14", "Links",         "Links") +
    indLine("ind15", "Contact",       "Contact") +	   
    '</ul></div>'
    );
}