var Ewa = new Class({
	cont_elt:null,
	img_elt:null,
	
	initialize:function() {
		this.cont_elt = $('ewa');
		this.img_elt = this.cont_elt.getFirst('img');
		
		this.ewa_fx = new Fx.Morph(this.img_elt, {
			transition:Fx.Transitions.Quad.easeInOut,
			duration:300,
			link: 'cancel'
		});
		
		this.cont_elt.addEvents({
			'mouseenter':this.ewa_over.bindWithEvent(this),
			'mouseleave':this.ewa_out.bindWithEvent(this)
		});
		
		this.opacity_src = 0.5
		
		this.img_elt.setStyle('opacity', this.opacity_src);
		
		this.place_cont();
		
		window.onresize = this.place_cont.bind(this);
	},
	
	ewa_over:function(e) {
		e.stop();
		this.ewa_fx.start({
			'opacity': 1,
			'left': 0
		});
	},
	
	ewa_out:function(e) {
		e.stop();
		this.ewa_fx.start({
			'opacity': this.opacity_src,
			'left': 104
		});
	},
	
	place_cont:function() {
		var win_width = $(window).getSize().x;
		var cont_width = $('container').getSize().x;
		var right_src = 10;
		var ewa_width = this.cont_elt.getSize().x;
		var type = null;
		var dist = null;
		if(win_width < cont_width) {
			if(win_width > 800) {
				dist = ( cont_width - win_width ) / 2 + right_src + 10;
			}
			else {
				dist = ( cont_width - 800 ) / 2 + right_src +10 ;
			}
		}
		else {
			dist = right_src;
		}
		this.cont_elt.setStyle('right', dist);
		
		// Placement du site en fonction de la taille de la fenetre
		// Placé dans cette classe, sinon il y a confrontation sur les window.resize
		replace_site();
	}
});