/* javascript voor Inge */

Event.onDOMReady(function(){  
	$$('#menubalk a').each( function(s) { Event.observe( s  , 'mouseover', mouseover ); } );
	$$('#menubalk a').each( function(s) { Event.observe( s  , 'mouseout', mouseout ); } );
	$$('#menubalk a').each( function(s) { Event.observe( s  , 'click', mouseklik ); } );
});



var obj = { name: 'A nice demo' };

function mouseover(e) {
  var classname = Event.element(e).className;
  var tagid = Event.element(e).id;
  if (classname.indexOf('_actief')=='-1') {
	Event.element(e).addClassName( tagid + '_over');
	Event.element(e).removeClassName( tagid + '_normaal');
  }
}

function mouseout(e) {
  var classname = Event.element(e).className;
  var tagid = Event.element(e).id;
  if (classname.indexOf('_over')>'0') {
	Event.element(e).addClassName( tagid + '_normaal');
	Event.element(e).removeClassName( tagid + '_over');
  }
}

function mouseklik(e) {
  var classname = Event.element(e).className;
  var tagid = Event.element(e).id;
  if (classname.indexOf('_actief')=='-1') {
	Event.element(e).toggleClassName( tagid + '_actief');
  }
}

function cat_mouseover(catid) {
	// $$("a.cat"+catid).invoke( 'setStyle', {color: '#32298f'} );
	$$("a.cat"+catid).invoke( 'addClassName', 'actief' );
}

function cat_mouseout(catid) {
	$$("a.cat"+catid).invoke( 'removeClassName', 'actief' );
}