document.observe("dom:loaded", function() {
	$$('#menu li div').invoke('hide');
	var menu = $('menu').immediateDescendants();
	for (i = 0; i < menu.length; i++) {
		if (menu[i].down('div')) {
			menu[i].observe('mouseenter', function(event) {
				Effect.SlideDown(this.down('div').identify(), {duration: 0.4, queue: {position: 'end', scope: 'menu'}});
			});
			menu[i].observe('mouseleave', function(event) {
				Effect.SlideUp(this.down('div').identify(), {duration: 0.2, queue: {position: 'end', scope: 'menu'}});
			});
		}
		if (menu[i].hasClassName('black')) {
			img = menu[i].select('img');
			img.invoke('observe', 'mouseover', function(event) {
				this.setStyle({backgroundColor: '#000'});
				this.writeAttribute({src: '/img/menu_portfolio_reverse.png'});
			});
			img.invoke('observe', 'mouseout', function(event) {
				this.setStyle({backgroundColor: '#fff'});
				this.writeAttribute({src: '/img/menu_portfolio.png'});
			});
		}
	}
});