window.addEvent('domready', function(){
	$('Correo').set('opacity', 0);
	$('AreaCorreo').addEvents({
		'mouseenter': function(){
			document.getElementById('iconos3d').set('tween', {}).tween('width', '314px');
			document.getElementById('AreaCorreo').set('tween', {}).tween('width', '600px');
			document.getElementById("Boton3d_1").morph({'height': 117, 'width': 95});
			document.getElementById("Boton3d_2").morph({'height': 117, 'width': 95});
			document.getElementById("Boton3d_3").morph({'height': 117, 'width': 95});
			document.getElementById("Boton3d_4").morph({'height': 117, 'width': 95});
			document.getElementById("Boton3d_5").morph({'height': 117, 'width': 95});
			document.getElementById("margenSuperiorIconos3d").set('tween', {}).tween('height', '10px');
			document.getElementById("Correo").set('tween', {}).tween('opacity', '1');
		},
		'mouseleave': function(){
			document.getElementById('iconos3d').set('tween', {}).tween('width', '720px');
			document.getElementById('AreaCorreo').set('tween', {}).tween('width', '195px');
			document.getElementById("Boton3d_1").morph({height: 176, width:120});
			document.getElementById("Boton3d_2").morph({height: 176, width:120});
			document.getElementById("Boton3d_3").morph({height: 176, width:120});
			document.getElementById("Boton3d_4").morph({height: 176, width:120});
			document.getElementById("Boton3d_5").morph({height: 176, width:120});
			document.getElementById("margenSuperiorIconos3d").set('tween', {}).tween('height', '50px');
			document.getElementById("Correo").set('tween', {}).tween('opacity', '0');
		}
	});
	
	$('destello2').addEvents({'click': function(){this.set('tween');}});
	$('Correo').addEvents({'click': function(){this.set('tween');}});
	$('iconos3d').addEvents({'click': function(){this.set('tween');}});	
	$('Boton3d_1').addEvents({'click': function(){this.set('tween');}});
	$('Boton3d_2').addEvents({'click': function(){this.set('tween');}});	
	$('Boton3d_3').addEvents({'click': function(){this.set('tween');}});	
	$('Boton3d_4').addEvents({'click': function(){this.set('tween');}});	
	$('Boton3d_5').addEvents({'click': function(){this.set('tween');}});
	$('margenSuperiorIconos3d').addEvents({'click': function(){this.set('tween', {});}});
		
	$('N2').set('opacity', 0.75).addEvents({
		mouseenter: function(){
			this.morph({'height': 84,'opacity': 1});
			document.getElementById('destello2').set('opacity', '.8');
			document.getElementById('destello2').morph({'opacity': 0,'height':114, 'width': 360, 'margin-left': -35, 'margin-top': 5});
			
			document.getElementById('N3').morph({'height': 35, 'opacity': .25});
		},
		mouseleave: function(){
			this.morph({height: 44,	opacity: 0.75});
			document.getElementById('destello2').morph({opacity: 0, 'height':44, 'width': 290, 'margin-left': 0, 'margin-top': 14});
			
			document.getElementById('N3').morph({height: 44, opacity: 0.75});
		}
	});
	$('N3').set('opacity', 0.75).addEvents({
		mouseenter: function(){
			this.morph({'height': 84,'opacity': 1});
			document.getElementById('destello3').set('opacity', '.8');
			document.getElementById('destello3').morph({'opacity': 0,'height':114, 'width': 360, 'margin-left': -35, 'margin-top': 5});
			
			document.getElementById('N2').morph({'height': 35, 'opacity': .25});
		},
		mouseleave: function(){
			this.morph({height: 44,	opacity: 0.75});
			document.getElementById('destello3').morph({opacity: 0, 'height':44, 'width': 290, 'margin-left': 0, 'margin-top': 14});
			
			document.getElementById('N2').morph({height: 44, opacity: 0.75});
		}
	});
});