window.addEvent('domready', function() {

// #### animacion cañon #####

    var mMouse = $('mmouse');
    var mBoom = $('mboom');
    
    mMouse.addEvent('mouseover', function(e){
     mBoom.addClass('visible'); 
    })
    
    mMouse.addEvent('mouseout', function(e){
     mBoom.removeClass('visible');; 
    })

// #### animacion obama  (audio) ####

try
  {

 var musica = document.getElementsByTagName("audio")[0];  
 
 var boton = $("obama");
 
 boton.addEvents({
   'mouseenter' : function() {
         musica.currentTime=0.3;
         musica.play();
   }
 });

 boton.addEvents({
   'mouseleave' : function() {
         musica.pause();
   }
 });

  }
catch(err)
  {
  //usuario de ie!!! :(
  }

// #### animacion center popup (aparece) ####

    var popupsLinks = $$('.center_popup');
      
    popupsLinks.each( function( openLink, k) {
    
      var centerPopup = $( openLink.getProperty('rel') );

      var closeLink = centerPopup.getElement('.close');
      
      var MorphIn  = function() { centerPopup.morph({'opacity' : 1 }); };
      //var MorphOut = function() { centerPopup.morph({'opacity' : 0 }); };

      centerPopup.setStyle('opacity', 0);
      centerPopup.setStyle('visibility','visible');

      openLink.addEvents({ 
		      'click' : function() {
              centerPopup.setStyle('display', 'block');
		        MorphIn.delay( (100), centerPopup);
	         }	
      });
      
      closeLink.addEvents({ 
		      'click' : function() {
   	        centerPopup.setStyle('opacity', 0);
		        centerPopup.setStyle('display', 'none');
		        //MorphOut.delay( (30), centerPopup); 
	         }	
      });
      
   });
    
    // #### animacion globo_bubble (aparece) ####

    var popups = $$('.globo_bubble');
      
    popups.each( function(popup, j) {
    
      var bubble = popup.getElement('.globo-b');
    
		var MorphIn  = function() { bubble.morph({'opacity' : 1 }); };
		var MorphOut = function() { bubble.morph({'opacity' : 0 }); };

   	bubble.setStyle('opacity', 0);
		bubble.setStyle('visibility','visible');
			
		//popup.getElement('.hov').addEvents({
      popup.addEvents({ 
				'mouseenter' : function() {
				MorphIn.delay( (100), bubble);
				// this.addClass('rojo');
			},
				'mouseleave' : function() {
				MorphOut.delay( (100), bubble);
				// this.removeClass('rojo');
			}	
		});
      
    });


// #### animacion globo (expande) ####

    var globos = $$('.globo');

    myVerticalSlide = {}; mouse_is_out = {};
    //    var myVerticalSlide = new Array;

    globos.each( function(globo, i) {

        myVerticalSlide[i] = new Fx.Slide(globo.getElement('.colapsable'));
        myVerticalSlide[i].hide();
            
        globo.addEvent('mouseenter', function(e){
            mouse_is_out[i] = false;
            e.stop();
            (function(){ 
              // primero espera 500ms (el delay del final)
              if ( !mouse_is_out[i] ) { // verifica que no hubo un mouseleave
                 myVerticalSlide[i].slideIn().chain(function() { 
                    // luego de terminar el slidein (quedo abierto) vuelve a verificar
                    // si hubo mouseleave, lo cierra
                    globo.addClass('abierto');
                    if ( mouse_is_out[i] ) {
                        myVerticalSlide[i].slideOut().chain(function() { 
                          globo.removeClass('abierto'); 
                        });
                    }
                 });
                    
              }   
            }).delay(500);
            
        }); 
        globo.addEvent('mouseleave', function(e){
            e.stop();
            mouse_is_out[i] = true;
            if ( myVerticalSlide[i].open )
            {
               myVerticalSlide[i].slideOut().chain(function() { 
                  globo.removeClass('abierto'); 
               }); 
            }
        }); 
      
    });

});