window.addEvent('domready', function() {

	if($defined('nav-filter')) {
		
		$('filter-albums').addEvent('click', function(e){
			new Event(e).stop();		
			changeCoverOpacity('album');
		});		
	
		$('filter-singles').addEvent('click', function(e){
			new Event(e).stop();		
			changeCoverOpacity('single');		
		});
	
		$('filter-all').addEvent('click', function(e){
			new Event(e).stop();		
			changeCoverOpacity('');		
		});
		
	}
	

});

function changeCoverOpacity(className) {

	// alert('test');
	// get all links and apply classnames for color coding:	
	
	var links = $$('#sub div');	
	
	links.each(function(element){

		

		if(element.hasClass(className) || className == "") {

			new Fx.Styles(element, {
				duration: 400,
				wait: true
			}).start({
				'opacity': 1
			});	

		} else {
			new Fx.Styles(element, {
				duration: 400,
				wait: true
			}).start({
				'opacity': 0.15
			});	
		}
		
	});
		
			
}