function init() {
  var nr = 1;
  
  jQuery('div.accomodaties a[px]').each(function() {
    var a = jQuery(this);
    var clnm = jQuery(this).attr('class');
    var spot = jQuery('<a class="spot ' + clnm + '">' + nr + '</a>')
                .css( {left:a.attr('px'), top:a.attr('py')} )
                .attr('href', a.attr('href'))
                .mouseover(function() { a.addClass('hover') })
                .mouseout(function()  { a.removeClass('hover') });
    jQuery('#plattegrond').append(spot);
     
    a.mouseover(function() { spot.addClass('hover') } );
    a.mouseout(function()  { spot.removeClass('hover') } );                    
    
    var cijfer = jQuery('<div class="cijfer ' + clnm + '">' + nr + "</div>");
    if (document.getElementById('webetui_body') == null)
      a.prepend(cijfer);
    nr++;    
  });

  jQuery('div.menu>ul>li.selected>ul').show().wrap('<div class="border"/>');
  
  jQuery('div.accomodaties').wrap('<div class="accomodaties_border"/>');

  jQuery('tr.flds td')
    .mousedown(function() { jQuery(this).parent('tr').toggleClass('selected').next('tr').toggleClass('selected') })
    .mouseover(function() { jQuery(this).parent('tr').addClass('hover') })
    .mouseout (function() { jQuery(this).parent('tr').removeClass('hover') });
  
  // jQuery('.index div.middle .item:last-child').addClass('last_child');  
  /*  
  $$('tr.flds td').each(
    function(td) {
      td.observe('mousedown', 
        function(e) { 
          e.target.up().toggleClassName('selected');
          e.target.up().next('tr').toggleClassName('selected');
        } );
      td.observe('mouseover', function(e) { e.target.up().toggleClassName('hover') });
      td.observe('mouseout', function(e) { e.target.up().toggleClassName('hover') });
    }
  );
*/
}

onload = init;