window.addEvent('domready', function() {	
		function cantazo(item){
			var efecto  = new Fx.Morph(item,  { duration: 2500, transition: 'quad:out' });
			efecto.start({ backgroundColor: ['#847F71', '#49464B'],borderColor:['#FF0000', '#FFFFFF'] });
			return 'fallo';
		}

		var boton   = $('envio_amigo');
		var amigo   = $('amigo');
		var form    = $('form_amigo');
		var destino = $('resultados');
		var ef  = new Fx.Morph(form,  { duration: 500, transition: 'quad:out' });
		amigo.addEvent('click',function(e){
			ef.start({ opacity: [0, 0.9] });
			//form.makeDraggable();
			//form.setStyles({ : 'block' });
			form.addEvent('clickout',function(e){
				ef.start({ opacity: [0.9, 0] });
				
				form.removeEvents('clickout');
			});
			return false;
		});

		boton.addEvent('click',function(){
			var mensaje = '';
			if($('tuname').value == '') mensaje = mensaje + cantazo($('tuname'));
			if($('suname').value == '') mensaje = mensaje + cantazo($('suname'));
			if($('tumail').value == '') mensaje = mensaje + cantazo($('tumail'));
			if($('sumail').value == '') mensaje = mensaje + cantazo($('sumail'));

			//if(!$('acepto_envio').checked) mensaje = mensaje + cantazo($('acepto_envio').getParent());
			if(mensaje != '') return true;

			var data = $('user-form');
			var req = new Request.HTML({url:'/envio_amigo.php',

				onSuccess: function(html) {
					destino.set('text', '');
					destino.adopt(html);
					var ef  = new Fx.Morph(destino,  { duration: 4500, transition: 'quad:out' });
					ef.start({opacity:[1,0]});
					var ef2  = new Fx.Morph(form,  { duration: 6000, transition: 'quad:out' });
					ef2.start({ opacity: [0.9, 0] });
				
					form.removeEvents('clickout');

				},
				onFailure: function() {
					destino.set('text', 'ERROR');
				}
			}).post($('user-form'));
		});

		var banderas =	$$('div[id=bandera]');

				banderas.each(
					function(item,index){
						//var parent = item.getParent();
						var layer  = new Element('div',{"class": "layer"}).setStyles({'opacity':'0'});
						layer.set('text', item.title);
						layer.inject(item, "before");
						layer.set('morph',{duration:2000});
						item.addEvent('mouseenter',function(){ 				
							layer.morph({opacity:[1, 0]  });
							item.morph({ opacity: [0.5, 1] });
						});

					}
				);

		// modulos compactables.
	   	var contraibles = $$('div[id=cont]');
		contraibles.each(
			function(item,index){		
				var anterior = item.getPrevious();
				var toogleimage = anterior.getElement('div[class=plus]');
				var myVerticalSlide = new Fx.Slide(item,{
						onComplete:function(){
								if(this.open){
									toogleimage.setStyle( 'background-position', 'right' );
									toogleimage.title  = "Minimizar el contenido";
									toogleimage.alt    = "Minimizar el contenido";
								}else{
									toogleimage.setStyle( 'background-position', 'left' );
									toogleimage.title  = "Maximizar el contenido";
									toogleimage.alt    = "Maximizar el contenido";
								}
						},
					});
				toogleimage.addEvents({ click: function() { myVerticalSlide.toggle(); }	});
			}
		);



});