window.addEvent('domready', function() {
	var myAccordion = new Accordion($('portfolio'), 'span.toggle-client', 'div.client-projects', {
		opacity: true,
		display: false,
		
		onActive: function(toggler, element){
			toggler.removeClass('over');
			toggler.removeClass('toggle-client');
			toggler.addClass('toggle-client-on');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('over');
			toggler.removeClass('toggle-client-on');
			toggler.addClass('toggle-client');
		}
	});

	var triggers = $$('.toggle-client');
	triggers.each(function(thisTrigger, i) {
		thisTrigger.addEvent('mouseover', function() {
			if ( !thisTrigger.hasClass('over') ) {
				thisTrigger.addClass('over');
			}
		});

		thisTrigger.addEvent('mouseout', function() {
			if ( thisTrigger.hasClass('over') ) {
				thisTrigger.removeClass('over');
			}
		});
	});
});