document.observe("dom:loaded", function() {
	if ($('portfolio')) {
		$('portfolio').childElements().each(function(portfolioLi)
		{
			Event.observe(portfolioLi, 'mouseover', function(event)
			{
				if (event.element().parentNode.previousSiblings().last()) {
					event.element().parentNode.previousSiblings().last().removeClassName('active');
				}
				event.element().parentNode.addClassName('active');
			});
			Event.observe(portfolioLi, 'mouseout', function(event)
			{
				if (event.element().parentNode.previousSiblings().last()) {
					event.element().parentNode.previousSiblings().last().addClassName('active');
					event.element().parentNode.removeClassName('active');
				}
			});
		});
		$('portfolio').firstDescendant().addClassName('active');
	}
});