/*
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){
		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.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.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.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){
		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);
								}
						}
	}
};