//(function(){
//  
//PrefooterReactivItem = function(elt){
//  
//  
//  this.init = function(elt){
//    this.elt = elt;
//    this.isOpening = false;
//    this.isClosing = false;
//    this.duration = 200;
//    
//    this.realLeft =  this.elt.css("left").match(/[0-9]+/i) * 1;
//    this.realPaddingLeft = this.elt.css("padding-left").match(/[0-9]+/i) * 1;
//    
//    var obj = this;
//    this.initListeners(obj);
//  };
//  
//  this.initListeners = function(obj){
//    this.elt.mouseenter(function(evt){
//      if(obj.isClosing){
//        obj.isOpening = true;
//      }else if(!obj.isOpening){
//        obj.over(obj);
//      }
//    });
//    
//    this.elt.mouseleave(function(evt){
//      if(obj.isOpening){
//        obj.isClosing = true;
//      }else if(!obj.isClosing){
//        obj.out(obj);
//      }
//    });
//  };
//  
//  
//  this.over = function(obj){
//    var left = (obj.realLeft - 21).toString() + "px";
//    obj.elt.css({"z-index":"10", 
//      "padding-left":"46px",
//      "left":left,
//      "border":"0px"
//    });
//    obj.elt.animate({
//        "height":"170px",
//        "top":"-43px"
//      },{
//        duration:obj.duration,
//        complete: function(){
//         obj.addCompleteOver(obj);
//        },
//        step : function(now, fx){
//          if(obj.isClosing){
//            obj.isOpening = false;
//            $(this).stop();
//            $(this).css({"z-index":5});
//            obj.out(obj);
//          }
//        }
//      });
//  };// end over()
//  
//  this.out = function(obj){
//    obj.elt.animate({
//       "padding-top":"0px",
//        "height":"140px",
//        "top":"23px"
//      },{
//        duration:obj.duration,
//        complete: function(){
//         obj.addCompleteOut(obj);
//        },
//        step : function(now, fx){
//          if(obj.isOpening){
//            obj.isClosing = false;
//            $(this).stop();
//            obj.addCompleteOut(obj);
//            obj.over(obj);
//          }
//        }
//      });
//  };// end out();
//  
//  
//  this.addCompleteOver = function(obj){
//     obj.elt.css({"padding-top":"40px"});
//     obj.elt.addClass("is_hover");
//    
//  };
//  
//  
//  this.addCompleteOut = function(obj){
//     obj.elt.removeClass("is_hover");
//     obj.elt.css({"z-index":"5","padding-left":obj.realPaddingLeft.toString()+"px","left":obj.realLeft.toString()+"px", "border":"1px"});
//  };
//  
//  
//  this.init(elt);
//  
//};
//
//
//
//})();


(function(){
  
PrefooterReactivItem = function(elt){
  this.elt = elt;
  this.duration = 100;
  this.eventfunction();
};


PrefooterReactivItem.prototype = {
  
  mavariable3 : 2,
  mavariable0 : 12,
  mavariable7 : "lalalala",
  mavariable4 : 4,
  
  eventfunction : function(argument1, argument2){
    var self = this;// on stocke la classe dans une variable
    
    self.elt.hover(function(evt){
      $(this).animate({
          "padding-top":"40px",
          "height":"174px",
          "top":"-43px"
      },self.duration);
      // evt.preventDefault(); // annuler l'action de l'événement par défaut (<a> => annule le click, <input type="submit"> => annule envoie form)
      // $(this) => $('#ma_div')
      // this => #ma_div
      // self => notre classe => ici l'objet PrefooterReactivItem'
      // self.mafontciont2.call(self, argument1, argument2, ...); => permet d'utiliser this depuis mafontciont2 (sinon this ne fait référence à rien)
    },function(evt){
        $(this).animate({
            "padding-top":"10px",
            "height":"100px",
            "top":"23px"
        },self.duration);
    });
    
  },
  
  mafontciont2 : function(argument1, argument2){
    
  }
  
  
};

})();