// ©2010 Didier Berck

var className;
Event.observe(document, 'dom:loaded', initNav);
function initNav(evt) {
	$$('.rollover').each(function(elt) {
		elt.setStyle({
			display: 'none'
		});
	});
	$$('.project').each(function(elt) {
		Event.observe(elt, 'mouseover', function(evt) {
			var elt = Event.element(evt);
			var id = (elt.hasClassName('project')) ? elt.readAttribute('id') : elt.up('div.project').readAttribute('id');
			$(id).down('div.rollover').show();
			$(id).down('h3').hide();
			var classes = $w($(id).className);
			className = classes[1];
			$(id).removeClassName(className);
			$(id).addClassName('projectOver');
		});
		Event.observe(elt, 'mouseout', function(evt) {
			var elt = Event.element(evt);
			var id = (elt.hasClassName('project')) ? elt.readAttribute('id') : elt.up('div.project').readAttribute('id');
			$(id).removeClassName('projectOver');
			$(id).down('div.rollover').hide();
			$(id).down('h3').show();
			$(id).addClassName(className);
		});
		Event.observe(elt, 'click', function(evt) {
			var elt = Event.element(evt);
			var id = (elt.hasClassName('project')) ? elt.readAttribute('id') : elt.up('div.project').readAttribute('id');
			$(id).removeClassName('projectOver');
			$(id).down('div.rollover').hide();
			$(id).down('h3').show();
			$(id).addClassName(className);
			$(id).down('a').blur();
		});
	});
}