{
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">' +
	'<table ><tr><td align="right">' +
	'<IMG title=BGK style="WIDTH: 130px; HEIGHT: 118px" height=140 width=205' +
	' alt=BGK src="images/BGKlogo3.gif" align=right border=0>' +
	'</td><td align="center"; width="100%";><p style="font-size:300%; padding-left:20px;">Blaricums Gemengd Koor</p></td></tr>' +
	'</table>' +
	'</div>' +    
    '<div id="navigation">' +
  	  '<ul class="navindex">' +
        indLine("ind1",  "index",           "Welkom") +
        indLine("ind2",  "komend_concert",   "Komend concert") +
        indLine("ind3",  "dirigent",        "Dirigent") +
        indLine("ind4",  "pianist",        "Pianiste") +
        indLine("ind6",  "repetities",      "Repetities") +
        indLine("ind7",  "zingenbijbgk",    "Zingen bij BGK") +
        indLine("ind8",  "geluidsfragmenten", "Lekker luisteren!") +
    	'<hr>' +
        indLine("ind9",  "historie",        "Historie") +
    	'<hr>' +
        indLine("ind15", "contact",         "Contact") +	   
      '</ul>' +
	'</div>'
  );
}