/**
 * Navigation
 * 
 */
var nav = {
	init: function ()
	{
		var navitems = $$('.navitem');
		
		for(var x=0; x<navitems.length; x++)
		{
			Event.observe( navitems[x], 'mouseover', nav.over );
			Event.observe( navitems[x], 'mouseout',  nav.out  );	
		}
	},
  
	over: function (event)
	{
		var element = $(Event.element(event));
		element.src = element.src.replace('.jpg', '_on.jpg');
	},
  
	out: function (event)
	{
		var element = $(Event.element(event));
		element.src = element.src.replace('_on.jpg', '.jpg');
	}
}
 


//Event.observe( window, 'load', about.init, false);
document.observe( "dom:loaded", nav.init );