window.addEvent('domready', function () {
	
	var activeElement = '';
	var activeElementTitle = '';

	function init() {
		$('WizardNavigationNext').fade(0.1);
		$('WizardNavigationNext').removeEvent('click');
		
		var pools = $$('.wizardPools img');
		$each(pools, function(el){
			el.fade(0.5);
			
			el.addEvent('click',function() {
				removeActive();
				activeElement = el.get('class');
				activeElementTitle = el.get('alt');
				el.fade(1);			
				$('WizardNavigationNext').fade(1);	
				el.removeEvents('mouseleave');
				
				//Navigation event
				$('WizardNavigationNext').addEvent('click', function() {
					$('DataPool').set('value', activeElement);
					$('DataPoolTitle').set('value', activeElementTitle);
					$('Data').submit();
				});
			}, el);
			
			el.addEvent('mouseenter', function() {
				el.setStyle('cursor', 'pointer');
				el.fade(1);
			}, el);
			
			el.addEvent('mouseleave', function() {
				el.fade(0.5);
			});
		});
	}
	
	function removeActive() {
		var pools = $$('.wizardPools img');
		$each(pools, function(el){
			if(el.get('opacity') == 1) {
				el.fade(0.5);	
			}
			el.addEvent('mouseleave', function() {
				el.fade(0.5);
			});
		});
	}
	
	init();
	
});