/*
Cette création est mise à disposition selon le Contrat Paternité-Partage des Conditions Initiales à l'Identique 3.0 Unported disponible en ligne http://creativecommons.org/licenses/by-sa/3.0/ ou par courrier postal à Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.
*/
/* extension prototype */
/*adapted for proteinmodelportal.org by Juergen Haas*/
Object.extend(Event, {
        wheel:function (event){
        var delta = 0;
        if (event.wheelDelta) {
      delta = event.wheelDelta/120;
      if (window.opera) delta = -delta;
        } else if (event.detail) {
            delta = -event.detail/3;
        }
    if(navigator.userAgent.indexOf('Mac') != -1) delta = -delta;   
    return Math.round(delta);
  }
});
var Horinaja = Class.create();
Horinaja.prototype = {
  initialize: function(capture, duree, secExecution, pagination){
    this.capture = capture;
    this.duree = duree;
    this.secExecution = secExecution;
    this.pagination = pagination;
    this.nCell = 0;
    this.id = 1;
    this.po = -10;  
    this.f = $$('div#'+this.capture+' ul li');
    this.px = $(this.capture).getWidth();
    this.pxH = $(this.capture).getHeight();
    this.start();
  },
  start: function(){    
        this.mover = $(this.capture).firstDescendant(); 
        this.nCell = this.f.length; 
        for(i=0;i!=this.nCell;i++){
          this.f[i].setStyle({
            width: this.px+'px',
            //height needs to match table size for pmp
            height: '100px',
            float: 'left'
            }); 
        }
        $(this.capture).setStyle({
          overflow:'hidden',
          position: 'relative'
          });
        
        $(this.capture).firstDescendant().setStyle({
          width:(this.px*this.nCell)+'px'
          }); 
        if(this.pagination){
            $(this.capture).insert({bottom:'<ol class="horinaja_pagination"></ol>'});
            this.olPagination  = $(this.capture).firstDescendant().next();
            $(this.olPagination).setStyle({
              width: this.px+'px'
              });
            this.wb = Math.floor(this.px/this.f.length);
            for(i=1;i!=(this.f.length+1);i++){
              $(this.olPagination).insert({bottom:'<li><a style="width:'+this.wb+'px;">'+i+'</a></li>'});
              if(i!=this.id){
                $(this.olPagination).childElements()[i-1].setStyle({
                  opacity:0.2
                  });         
              }
            }
            $(this.olPagination).childElements()[0].setStyle({
              opacity:1
            }); 
            this.startOC();
        }
        this.startPe();
        Event.observe($(this.capture),"mouseout", this.startPe.bind(this));
        Event.observe($(this.capture),"mouseover", this.stopPe.bind(this));               
        Event.observe($(this.capture), "mousewheel", this.wheelwheel.bind(this));   
        Event.observe($(this.capture), "DOMMouseScroll", this.wheelwheel.bind(this));       
  },
  startOC: function(){
  Event.observe($(this.olPagination),"click", this.moveP.bind(this));
  },
  startPe: function(){
  this.periodik = new PeriodicalExecuter(this.Pe.bind(this),this.secExecution); 
  },
  stopPe: function(){
  this.periodik.stop();
  },
  effaceP: function(mop){
    this.mop = mop;
    if(this.pagination)
    new Effect.Fade($(this.olPagination).childElements()[this.mop-1],{duration:0.4,to:0.2})
  },
  move: function(xp){
    this.xp = xp;
    new Effect.Move(this.mover, { 
          x: this.xp, 
          y: -20,
          mode:'absolute',
          duration: this.duree,
          transition: Effect.Transitions.sinoidal
        });
        if(this.pagination){
          new Effect.Appear($(this.olPagination).childElements()[this.id-1],{duration:0.4,to:1})
        } 
  },  
  Pe: function(){
          if(this.id<this.nCell){
              this.po=this.po-this.px;
              this.effaceP(this.id);
              this.id=this.id+1;
              this.move(this.po);
            }else{
              this.po=-10;
              this.effaceP(this.id);
              this.id=1;
              this.move(this.po);
            }
  },
  moveP: function(evt){
    var child = Event.element(evt);
    this.occ = parseInt(child.innerHTML);
    if(this.id>this.occ){
      this.diff= this.id-this.occ;
      this.po=this.po+(this.px*this.diff);
      this.effaceP(this.id);
      this.id=this.occ;
      this.move(this.po);
    }else if(this.id<this.occ){
      this.diff= this.occ-this.id;
      this.po=this.po-(this.px*this.diff);
      this.effaceP(this.id);
      this.id=this.occ;
      this.move(this.po);
    }
  },
  stopEvent:function(pE)
  {
     if (!pE)
     if (window.event)
       pE = window.event;
     else
       return;
    if (pE.cancelBubble != null)
     pE.cancelBubble = true;
    if (pE.stopPropagation)
     pE.stopPropagation();
    if (pE.preventDefault)
     pE.preventDefault();
  } ,
  wheelwheel: function(e){
            this.event = e;
            this.stopPe();
            this.stopEvent(e);
            if (Event.wheel(this.event) < 0){
              if(this.id<this.nCell){
                  this.po=this.po-this.px;
                  this.effaceP(this.id);
                  this.id=this.id+1;
                  this.move(this.po);
                }
            }else{
              if(this.id!=1){
                  this.po=this.po+this.px;
                  this.effaceP(this.id);
                  this.id=this.id-1;
                  this.move(this.po);
                }
            }
  }
};