function show_orgs() {
  var initiale = document.chooseinitial.initials.options[document.chooseinitial.initials.selectedIndex].value;
  var rows=document.getElementById("organisations").getElementsByTagName("tr");
  var bg='#ffffff';
  var bg=2;
  for (var i = 0; i < rows.length; i++) { 
    rows[i].style.display = ''; // ...for display='block' just messes up after a short while...
 
    if ((rows[i].className != initiale ) && (initiale != "tr")) {
      rows[i].style.display = 'none';
    } else {
	  bg=3-bg;
	  if (bg==1) {
	    rows[i].style.backgroundColor='white';
	  } else {
	    rows[i].style.backgroundColor='';
	  }
	}
  }
}

var rAj=new XMLHttpRequest();
rAj.open('GET', '/data/itermembers.txt', false);
rAj.send(null);
response=rAj.responseText;
var lines=response.split('<br>\n');

var table='<table id="organisations" cellpadding="8" width="100%">';
var selec='<form name="chooseinitial"><b>Show organisations which names begin with </b><select name="initials" onchange="show_orgs()"><option value="tr" SELECTED>All</option>';

for (i=0; i<lines.length-1;i++) {
  var parts=lines[i].split('|');

  if (parts[0].length > 1) {
    var initiale=parts[0].substring(0,1).toUpperCase();

    if (selec.indexOf('<option value="'+initiale+'">'+initiale+'</option>') == -1) {
      selec += '\n<option value="'+initiale+'">'+initiale+'</option>';
    }

    var row = '<tr class="'+initiale+'"><td valign="middle" align="LEFT">';

    row += '<FONT SIZE="2">';
    if (parts[4].length > 1) {
      row += '<a href="'+parts[4]+'">'+parts[0]+'</a>';
    } else {
      row += parts[0];
    }
    row += '<br></FONT>';
  }

  if (parts[2].length > 1) {
    row+= '<b>';

    if (parts[1].length > 1) {
      row+= parts[1]+' ';
    }
    row +=parts[2]+'</b><br>';

    if (parts[3].length > 1) {
      row+= 'tel.: '+parts[3]+'<br>';
    }
    if (parts[5].length > 1) {
      row += '<small><a style="text-decoration:underline;" href="mailto:'+parts[5]+'">'+parts[5]+'</a><small>';
    } else {
      row += parts[0];
    }
  }
  row += '</td></tr>';
  table += row;
}
table += '</table>';
selec +='</select></form>';
document.write('<br><br>'+selec+'<br>'+table);
show_orgs();