window.addEvent('domready', function(){
//alert('test');
// ---------- MARGIN DU MENU -----------

/*$$("#entree li img").each(function(el){
var width = el.getSize();
var test = el.getProperty('src');
alert(width['y']+test);
el.setStyles({
				'margin-top': 125-width['y'],			
				});

});*/

// ---------- OVER POUR LES OBJET EN ABSOLUTE -----------

$$($(document.body).getElements('*[hoover]')).each(function(el){
var link = el.getProperty('hoover');
			var e = el.getFirst();
			
var myImage = new Asset.image(link);
el.addEvent('mouseenter', function(){
			//alert(e.getSize().y);
			var widthB = e.getSize().x;
			var heightB = e.getSize().y;
			var marginB = e.getStyle('margin-top').toInt();
			var clone = myImage.injectAfter(e).setStyles({
				position: 'absolute',
				'margin-top':marginB,
				'margin-left':-widthB,
				'z-index': 1000, 
				opacity: 0
				}).setProperty('height',heightB).setProperty('width',widthB);
				
			var myeffect = new Fx.Morph(clone, {duration: 1000, transition: 'expo:out'});
			el.addEvent('mouseleave', function(){
				//myeffect.cancel().start({'opacity':0});
				clone.dispose();
				
			});
			myeffect.start({'opacity':1});				
			});

	});


// ---------- OVER POUR LES OBJET EN ABSOLUTE -----------

$$($(document.body).getElements('*[hover]')).each(function(el){
var link = el.getProperty('hover');
			var e = el.getFirst();
			
var myImage = new Asset.image(link);
el.addEvent('mouseenter', function(){
			//alert(e.getSize().y);
			var widthB = e.getSize().x;
			var heightB = e.getSize().y;
			var clone = myImage.injectAfter(e).setStyles({
				position: 'absolute',
				'margin-top': 0,
				'margin-left':-widthB,
				'z-index': 1000, 
				opacity: 0
				}).setProperty('height',heightB).setProperty('width',widthB);
				
			var myeffect = new Fx.Morph(clone, {duration: 1000, transition: 'expo:out'});
			el.addEvent('mouseleave', function(){
				//myeffect.cancel().start({'opacity':0});
				clone.dispose();
				
			});
			myeffect.start({'opacity':1});				
			});

	});

// ---------- OVER POUR LES OBJET PAS EN ABSOLUTE -----------


$$($(document.body).getElements('*[over]')).each(function(el){
var link = el.getProperty('over');
			var e = el.getFirst();
			var widthB = e.getSize().x;
			var heightB = e.getSize().y;
var myImage = new Asset.image(link, {height: heightB, width: widthB});
el.addEvent('mouseenter', function(){
			
			var clone = myImage.injectAfter(e).setStyles({
				position: 'absolute',
				'top': e.getPosition().y,
				'left': e.getPosition().x,
				'z-index': 100, 
				opacity: 0
				});
				
			var myeffect = new Fx.Morph(clone, {duration: 1000, transition: 'expo:out'});
			el.addEvent('mouseleave', function(){
				//myeffect.cancel().start({'opacity':0});
				clone.dispose();
				
			});
			myeffect.start({'opacity':1});				
			});

	});
		
		
		});