window.addEvent('domready', function() {
	var panes = $$('#info-bar .pro > a');
	var selectedItem = null;
	
	panes.each(function(el) {
		var b = el.getElement('b');
		//var span = el.getElement('span');
		b.get('tween').setOptions({link: 'cancel'});
		if (el.getParent('.pro').hasClass('selected')) {
			selectedItem = el;
			b.setStyle('opacity', 0);
			b.fade('out');
			
			//span.setStyle('opacity', 0);
			//span.fade('out');
		}
		else {
			b.setStyle('opacity', 0.5);
			b.fade(0.5);
			
			//span.setStyle('opacity', 1);
			//span.fade('in');
		}
	});
	
	function fadeTo(link) {
		panes.each(function(el) {
			var b = el.getElement('b');
			var span = el.getElement('span');
			b.fade( el == link ? 'out' : 0.5 );
			//span.fade(el == link ? 'out' : 'in');
		});
	}
	
	panes.each(function(el) {
		el.addEvent('mouseenter', function() { fadeTo(el); });
		el.addEvent('mouseleave', function() { fadeTo(selectedItem); });
		el.addEvent('click', function() { selectedItem = el; });
	});
});