[denjer]

Приветствую, форумчане! Необходима небольшая помощь. Есть слайдер статей, который выводит заголовки статей и картинки к ним, сейчас в нем прописано правило, при котором при клике мышкой на заголовок в списке - отображается картинка. Так вот нужно чтобы это происходило не при клике, а при наведении. Предполагаю что в этом замешены свойства click и hover. Есть файл, который отвечает за поведение элементов. Буду благодарен если кто-нибудь подскажет что нужно изменить.

/**
 ////
if( typeof(LofSlideshow) == 'undefined' ){
  var LofSlideshow = new Class( {
    initialize:function( _lofmain, options ){
      this.setting = $extend({
        autoStart     : true,
        descStyle       : 'sliding',
        mainItemSelector    : 'div.lof-main-item',
        navSelector     : 'li' ,
        navigatorEvent    : 'click',
        interval        :  2000,
        auto          : false,
        navItemsDisplay   : 3,
        startItem     : 0,
        navItemHeight   : 100,
        navItemWidth    : 310
      }, options || {} );
      
      var eMain      = _lofmain.getElement('.lof-main-wapper');
      var eNavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
      var eNavOuter  = _lofmain.getElement('.lof-navigator-outer');   
      this.currentNo  = 0;
      this.nextNo     = null;
      this.previousNo = null;
      this.fxItems  = []; 
      this.minSize  = 0;
      this.onClick = false;
      if( $defined(eMain) ){
        this.slides    = eMain.getElements( this.setting.mainItemSelector );
        this.maxWidth  = eMain.getStyle('width').toInt();
        this.maxHeight = eMain.getStyle('height').toInt();
        this.styleMode = this.__getStyleMode();  
        var fx =  $extend({waiting:false, onComplete:function(){ this.onClick=false}.bind(this) }, this.setting.fxObject );
        this.slides.each( function(item, index) { 
          item.setStyles( eval('({"'+this.styleMode[0]+'": index * this.maxSize,"'+this.styleMode[1]+'":Math.abs(this.maxSize),"display" : "block"})') );   
          this.fxItems[index] = new Fx.Morph( item,  fx );
        }.bind(this) );
        if( this.styleMode[0] == 'opacity' || this.styleMode[0] =='z-index' ){
          this.slides[0].setStyle(this.styleMode[0],'1');
        }
        eMain.addEvents( { 'mouseenter' : this.stop.bind(this),
                     'mouseleave' :function(e){ 
                    if(  this.setting.auto ){
                    this.play( this.setting.interval,'next', true );
                  } }.bind(this) } );
      }
      if( $defined(eNavigator) && $defined(eNavOuter) ){
        var modes = {
          horizontal : ['margin-left', 'width', 'height', 'navItemWidth', 'navItemHeight'],
          vertical   : ['top', 'height', 'width', 'navItemHeight', 'navItemWidth']
        }
        var mode = ( this.setting.navPos == 'bottom' || this.setting.navPos == 'top' )?'horizontal' : 'vertical'; 
    
        this.navigatorItems = eNavigator.getElements( this.setting.navSelector );
        if( this.setting.navItemsDisplay > this.navigatorItems.length ){
          this.setting.navItemsDisplay = this.navigatorItems.length;  
        }
        
        if( $defined(_lofmain.getElement(".lof-bullets"))  ){
          this.setting.navItemHeight = this.navigatorItems[0].offsetHeight;
          this.setting.navItemWidth  = this.navigatorItems[0].offsetWidth;
        }
        
        this.navigatorSlideSize = this.setting[modes[mode][3]];  
        eNavOuter.setStyle(modes[mode][1], this.setting.navItemsDisplay * this.navigatorSlideSize);
                eNavOuter.setStyle(modes[mode][2], this.setting[modes[mode][4]] );
                
        this.navigatorMode =  modes[mode][0];   
        this.navigatorFx = new Fx.Tween( eNavigator,{transition:Fx.Transitions.Sine.easeInOut,duration:900} );