/**
* @package  FashionX
* @author   Admin
* 2007-12-06
*/


var FX_MAP = new Class({


  /**
  * enter
  * Risposta all'evento mouseenter
  * @uses   this e' il div che ha generato l'evento
  * @param  event  e
  * @example
  * el.addEvent('mouseenter', fx_map.enter);
  */
  enter: function(e) {
    this.setStyle('z-index', 1000);
    var img = this.getElementsByClassName('thumb')[0];
    if (img.$my == undefined) {
      img.$my = {
       'h': img.height,
       'w': img.width
      }; 
    };
    this.$my = {
      'fx': new Fx.Styles(img, {
        duration: 400,
        fps: 40,
        onComplete: function() {
          this.getElementsByClassName('satellite_button').each(function(el) {
            el.removeClass('hidden');
          });
        }.bind(this)
      })
    };
    this.$my.fx.start({
      'height': 180,
      'width': 120
    });
  },


  /**
  * button_show
  * Risposta al Comlete dell'effetto
  * @uses   this e' il div che ha generato l'evento
  *
  button_show: function() {
    this.getElementsByClassName('satellite_button').each(function(el) {
      el.removeClass('hidden');
    });
  },
  */

  
  /**
  * leave
  * Risposta all'evento mouseleave
  * @uses   this e' il div che ha generato l'evento
  * @param  event  e
  * @example
  * el.addEvent('mouseleave', fx_map.leave);
  */
  leave: function(e) {
    this.setStyle('z-index', 100);
    this.getElementsByClassName('satellite_button').each(function(el) {
      el.addClass('hidden');
    });
    var img = this.getElementsByClassName('thumb')[0];
    if (this.$my) {
      this.$my.fx.$events.onComplete = null;
      this.$my.fx.stop();
      this.$my.fx.start({
        'height': img.$my.h,
        'width': img.$my.w
      });
    }  
  }

});


var fx_map = new FX_MAP();


window.addEvent('domready', function() {
  $$('div.satellite_user', 'div.satellite_photo').each(function(el) {
    el.addEvent('mouseenter', fx_map.enter);
    el.addEvent('mouseleave', fx_map.leave);
  })
});