Event.observe(window, "load", initPage);

var linkCount = 0;

function initPage() {
  for(var i = 1; i < 10; ++i) {
    var link = $('test-link0' + i);
    if(!link) break;
    
    link.div = $('test-div0' + i);
    link.link = $('link0' + i);
            
    Event.observe(link, "click", showDiv); 
    Event.observe(link, "mouseover", showDiv); 
    linkCount++;
  }
}

function hideAll() {
  for(var i = 1; i <= linkCount; ++i) {
    $('test-div0' + i).style.display = 'none';
    var link =  $('link0' + i);
    link.style.visibility = 'hidden';
  	
  	if(!Element.hasClassName(link, 'highlight2')) {
  		Element.addClassName(link, 'highlight2');
  	}
  }
}

function showDiv(event) {
  hideAll();
  var el = Event.element(event);
  el.div.style.display = 'block';
  if(!Element.hasClassName(el.link, 'highlight2')) {
  	Element.addClassName(el.link, 'highlight2');
  }
  el.link.style.visibility = 'visible';
  Event.stop(event);
}

