
window.addEvent('domready', function(){ // OPEN 01 ==
// CONFIG
	var a_idle_opacity = '0.7' ;
	var a_focused_opacity = '1.0' ;
	var zindex_tracer = 2 ;
// Set styles
	$$('#moomenu01 a').setStyles({'opacity':a_idle_opacity});
	$$('#moomenu01 img[width="880"]').setStyles({'opacity':'0.0'});
	$$('#moomenu01 img[width="880"]').setStyles({'zindex':'0'});
	$$('#moomenu01 #img0').setStyles({'opacity':'1.0'});
	$$('#moomenu01 #img0').setStyles({'zindex':'1'});
// Set the A:hover actions
	var list = $$('#moomenu01 a');
	list.each(function(element) { // OPEN 02 ====
		// Cancel default link action
		element.set('morph', {link : 'cancel'});
		// Mouse IN
		element.addEvent('mouseenter', function(){
			zindex_tracer = zindex_tracer + 1 ;
			// Fade the link in
			element.morph({'opacity': a_focused_opacity});
			// Get the "rel" of the link to reference the image
			var link_rel = element.rel ;
			// Deal with the new;y displayed image
			var img_id = $$('#img'+link_rel) ;
			img_id.setStyles({'zindex':zindex_tracer});
			img_id.morph({'opacity': a_focused_opacity});
		});
		// Mouse OUT
		element.addEvent('mouseleave', function(){
			// Fade the link out
			element.morph({'opacity':a_idle_opacity});
			// Get the "rel" of the link to reference the image
			var link_rel = element.rel ;
			var img_id = $$('#img'+link_rel) ;
			img_id.morph({'opacity': '0.0'});
			img_id.setStyles({'zindex':zindex_tracer});
		});
	}); // OPEN 02 ====
}); // OPEN 01 ==

