/**
* Gallery Class Javascript basée sur Prototypes http://prototypejs.org/
* cré une gallery de présentation d'image basée sur les iumages contenu dans le containeur passé en parametre
* @Author :: Nours312@nours312.com
* @version :: 0.1
*
* 1. ajouter les fichiers prototype.js et popupNews.js dans l'attribut
* 2. faire indépendemment l'évennement d'ouverture
* (le fichier protopype.js est récupérable à ladresse suivante : http://prototypejs.org/assets/2009/8/31/prototype.js
*
*
*/
var GalleryMotor = Class.create({
timer: null,
divImg:null,
autoPlay : false,
tempo : null,
cont:null,
views : [],
viewsGallery:[],
current : 0,
temp:{},
param : {},
initialize : function(id, param){
this.timer = null;
this.divImg = null;
this.autoPlay = false;
this.param.tempo = 4;
this.cont = null;
this.views = [];
this.current = 0;
this.param = {};
this.temp = {
id : id,
cont : $(id),
title : $$('#'+id+' .GalleryTemplateTitle')[0],
desc : $$('#'+id+' .GalleryTemplateDesc')[0],
temp : $$('#'+id+' .GalleryTemplate')[0],
viewer : $$('#'+id+' .GalleryTemplateViewer')[0],
next : $$('#'+id+' .GalleryTemplateNext'),
prev : $$('#'+id+' .GalleryTemplatePrev'),
play : $$('#'+id+' .GalleryTemplatePlay'),
views : $$('#'+id+' .GalleryViews')[0],
loader : $(id).down('.GalleryLoader'),
icone : $(id).down('.GalleryIcone'),
iconeOv : $(id).down('.GalleryIconeOv'),
params : $$('#'+id+' .GalleryParams')[0]
};
this.autoPlay = param.autorun;
this.cont = this.temp.viewer;
this.param = Object.extend(this.param, param || {});
this.param.duration = (param.duration && param.duration != undefined)? parseFloat(param.duration) : 2;
this.param.tempo = (param.tempo && param.tempo != undefined && param.tempo >= 1)? parseFloat(param.tempo) : 2;
this.tempo = this.param.duration + this.param.tempo;
this.views = this.temp.views.childElements();
this.load[this.param.effect].bind(this)();
if(!this.param.popup || this.param.popup == '0'){
this.loadEventButton();
if(this.autoPlay){
this.autoPlay = false
this.play();
}
} else {
if(this.temp.loader != undefined && this.temp.icone != undefined)
$(this.temp.loader).observe('click', this.openGallery.bindAsEventListener(this));
if(this.temp.icone != undefined && this.temp.iconeOv != undefined){
var iconeOvSpan = this.temp.iconeOv.ancestors()[0];
var q = this.temp.id+'OverQueues';
this.temp.loader.observe('mouseover', function(){if(iconeOvSpan.style.display == 'none')Effect.Appear(iconeOvSpan, {duration:1, queue: { position:'end', scope: q}})});
this.temp.loader.observe('mouseout', function(){var queue = Effect.Queues.get(q);queue.each(function(effect) { effect.cancel(); });Effect.Fade(iconeOvSpan, {duration:1, queue: {position:'end', scope: q}})});
}
}
},
load : {
none : function(){
for(var i=0; i= this.views.length) this.current = 0;
if (this.current < 0) this.current = this.views.length-1;
var eff = (Object.isFunction(this.effect[this.param.effect])) ? this.effect[this.param.effect].bind(this) : this.effect.def.bind(this);
var afterEff = (Object.isFunction(this.afterEffect[this.param.effect])) ? this.afterEffect[this.param.effect].bind(this) : this.afterEffect.def.bind(this);
this.views.invoke('hide');
eff(afterEff);
},
play : function(){
if(this.autoPlay == false){
this.autoPlay = true;
for(i=0;i= this.viewsGallery.length) this.current = 0;
if (this.current < 0) this.current = this.viewsGallery.length-1;
if (!this.views[this.current].position){
var newparam = {x:0,y:0};
for (i = 0; i