window.addEvent('domready', function() {
	var anotherEl = $('anotherElement');
	
	$('site1').addEvents({
		'mouseenter': function(){
			$('image1').morph({
				'height': '174px',
				'width': '174px',
				'marginTop': '0',
				'marginLeft': '0',
				'opacity': '0'
			});
			$('visuel1').morph({
				'height': '174px',
				'marginTop': '-84px'
			});
			$('logo1').morph({
				'marginTop': '6px'
			});
			$('image1bis').morph({
				'height': '174px',
				'width': '174px',
				'marginTop': '0',
				'marginLeft': '0'
			});
			$('plus1').morph({
				'marginTop': '10px'
			});
		},
		'mouseleave': function(){
			$('image1').morph({
				'height': '502px',
				'width': '502px',
				'marginTop': '-167px',
				'marginLeft': '-42px',
				'opacity': '1'
			});
			$('visuel1').morph({
				'height': '90px',
				'marginTop': '0'
			});
			$('logo1').morph({
				'marginTop': '90px'
			});
			$('image1bis').morph({
				'height': '502px',
				'width': '502px',
				'marginTop': '-167px',
				'marginLeft': '-42px'
			});
			$('plus1').morph({
				'marginTop': '-50px'
			});
		}
	});
	
	$('site2').addEvents({
		'mouseenter': function(){
			$('image2').morph({
				'height': '174px',
				'width': '174px',
				'marginTop': '0',
				'marginLeft': '0',
				'opacity': '0'
			});
			$('visuel2').morph({
				'height': '174px',
				'marginTop': '-84px'
			});
			$('logo2').morph({
				'marginTop': '6px'
			});
			$('image2bis').morph({
				'height': '174px',
				'width': '174px',
				'marginTop': '0',
				'marginLeft': '0'
			});
			$('plus2').morph({
				'marginTop': '10px'
			});
		},
		'mouseleave': function(){
			$('image2').morph({
				'height': '502px',
				'width': '502px',
				'marginTop': '-175px',
				'marginLeft': '-220px',
				'opacity': '1'
			});
			$('visuel2').morph({
				'height': '90px',
				'marginTop': '0'
			});
			$('logo2').morph({
				'marginTop': '90px'
			});
			$('image2bis').morph({
				'height': '502px',
				'width': '502px',
				'marginTop': '-175px',
				'marginLeft': '-220px'
			});
			$('plus2').morph({
				'marginTop': '-50px'
			});
		}
	});
	
	$('site3').addEvents({
		'mouseenter': function(){
			$('image3').morph({
				'height': '174px',
				'width': '174px',
				'marginTop': '0',
				'marginLeft': '0',
				'opacity': '0'
			});
			$('visuel3').morph({
				'height': '174px',
				'marginTop': '-84px'
			});
			$('logo3').morph({
				'marginTop': '6px'
			});
			$('image3bis').morph({
				'height': '174px',
				'width': '174px',
				'marginTop': '0',
				'marginLeft': '0'
			});
			$('plus3').morph({
				'marginTop': '10px'
			});
		},
		'mouseleave': function(){
			$('image3').morph({
				'height': '502px',
				'width': '502px',
				'marginTop': '-28px',
				'marginLeft': '-2px',
				'opacity': '1'
			});
			$('visuel3').morph({
				'height': '90px',
				'marginTop': '0'
			});
			$('logo3').morph({
				'marginTop': '90px'
			});
			$('image3bis').morph({
				'height': '502px',
				'width': '502px',
				'marginTop': '-28px',
				'marginLeft': '-2px'
			});
			$('plus3').morph({
				'marginTop': '-50px'
			});
		}
	});
});

function mail(str){
  window.location.href="mailto:" + str + "@" + "gmail.com";
}