/*
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 */
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){
	    var that = this;
		this.capture = capture;
		this.duree = duree;
		this.secExecution = secExecution;
		this.pagination = pagination;
		this.nCell = 0;
		this.id = 1;
		this.po = 0;	
		this.f = $$('div#'+this.capture+' ul li');
		this.px = $(this.capture).getWidth();
		this.pxH = $(this.capture).getHeight();
		this.leftClick = $('clickLeft');
		this.rightClick = $('clickRight');
		this.occ = 1;
		this.maxImages = this.f.length;
		this.thumbs = $$('#WrapThumbs a');		
		this.leftClick.hide();
		this.rightClick.hide();		
		if(this.maxImages>1){this.rightClick.show();}	
		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: (this.pxH-40)+'px',
			  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.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(){
	    if(this.pagination){Event.observe($(this.olPagination),"click", this.moveP.bind(this));}
	    // added for left/right arrows; modified moveP, added passTo
	    Event.observe(this.leftClick,"click", this.passTo.bind(this));
	    Event.observe(this.rightClick,"click", this.passTo.bind(this));
	    //var getthis = Event.element(evt).href;    
	    for(var i=0,j=this.thumbs.length;i<j;i++){
	        Event.observe(this.thumbs[i],"click",this.fromImage.bind(this));	    
	    }  
	},
	passTo: function(evt){	    
	
        this.occ=Event.element(evt).innerHTML.toLowerCase()=="left"?this.occ-1>0?this.occ-1:1:this.occ<this.maxImages?this.occ+1:this.maxImages;
	    this.moveP(this.occ);
	    
	},	
	fromImage:function(evt){	    
	    var getPage = Event.findElement(evt,"a").readAttribute("href").gsub(/^#/,"");	
	    this.moveP(parseInt(getPage));  
	},
	startPe: function(){
	this.periodik = new PeriodicalExecuter(this.Pe.bind(this),this.secExecution);		
	    this.periodik.stop();
	},
	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.3,to:0.2})
	},
	move: function(xp){
		this.xp = xp;
		new Effect.Move(this.mover, { 
					x: this.xp, 
					y: 0,
					mode:'absolute',
					duration: this.duree,
					transition: Effect.Transitions.sinoidal
				});
				if(this.pagination){
					new Effect.Appear($(this.olPagination).childElements()[this.id-1],{duration:0.3,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=0;
			    this.effaceP(this.id);
			    this.id=1;
			    this.move(this.po);
		    }
	},
	moveP: function(evt){	
		if(isNaN(evt)){
		    var child = Event.element(evt);
		    this.occ = parseInt(child.innerHTML);
		}else{this.occ=evt;}	
		this.showHide(this.occ);
		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);
		
		//alert(Event.wheel(this.event)+"_______"+this.id);
		
		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);
			}
		}
		this.occ=this.id;
		this.showHide(this.id);
	},
	showHide:function(counter){
		counter<=1?this.leftClick.hide():this.leftClick.show();		
		counter==this.maxImages?this.rightClick.hide():this.rightClick.show();				
	}
};