// var Slide = new Class({
//     initialize: function(target, imgs, time, thumbsTarget, thumbsHightlight){
// 		this.i = 0;
// 		this.Target = $(target);
// 		this.Imgs = imgs;
// 		this.time = time;
// 		this.thumbsTarget = thumbsTarget;
// 		this.thumbsHightlight = thumbsHightlight;
// 		this.thumbs = this.thumbsTarget.getElements('img');
// 
// 		this.setThumbs();
// 		this.thumbsEvent(this);
// 		this.slideshow = this.runSlide.periodical(this.time,this);
// 		// this.runSlide();
//     },
// 	extSlide: function(){
// 		this.runSlide();
// 	},
// 	runSlide: function(){
// 		(this.i==this.Imgs.length-1) ? this.i = 0 : this.i++;
// 		var ImgToLoad = this.Imgs[this.i];
// 		var OldImg = this.Target.getElement('img');
// 		var AllImgs = this.Target.getElements('img');
// 		AllImgs.each(function(imgs, n){
// 			if (n>0)
// 			var removedElement = imgs.dispose();
// 		});
// 		var img = new Element('img',{'src':ImgToLoad, 'styles':{'opacity':0}}).injectInside(this.Target);
// 		var setThumbs = this.setThumbs();
// 		img.addEvents({
// 			'load': function(){
// 				// img.set({'opacity':0});
// 				var myFx = new Fx.Tween(OldImg,{
// 					duration: 400,
// 					transition: Fx.Transitions.Quart.easeIn,
// 					onComplete: function(){
// 						img.injectAfter(OldImg);
// 						var removedElement = OldImg.dispose();
// 						var myFx2 = new Fx.Tween(img,{
// 							duration: 400,
// 							transition: Fx.Transitions.Quart.easeOut,
// 							onComplete: function(){
// 								setThumbs();
// 							}
// 						}).start('opacity', 1);
// 					}
// 				}).start('opacity', 0);
// 			}
// 		})
// 	},
// 	setThumbs: function(){
// 		if (this.thumbsHightlight.actif){
// 			this.thumbs.setStyle(this.thumbsHightlight.normal[0],this.thumbsHightlight.normal[1]);
// 			this.thumbs[this.i].setStyle(this.thumbsHightlight.actif[0],this.thumbsHightlight.actif[1]);
// 		}
// 	},
// 	thumbsEvent: function(myclass){
// 		if(this.thumbsTarget && this.thumbs.length > 0){
// 			// var loadImg = this.loadImg();
// 			myclass.thumbs.addEvents({
// 				'mouseenter': function(event){
// 					$clear(myclass.slideshow)
// 					// myclass.slideshow.dispose();
// 					myclass.loadImg(myclass.thumbs.indexOf(this));
// 				},
// 				'mouseleave': function(){
// 					myclass.slideshow = myclass.runSlide.periodical(myclass.time,myclass);
// 				}
// 			});
// 		}
// 	},
// 	loadImg: function(i){
// 		this.i = i-1;
// 		this.runSlide();
// 	}
// });


var HomeSlide = new Class({
    initialize: function(target, imgs, time){
		this.i = 0;
		this.Target = target;
		this.Imgs = imgs;
		this.time = (time!='') ? time : 5000;

		this.slideshow = this.runSlide.periodical(this.time,this,this);
		
		var myclass = this;

    },
	extSlide: function(){
		this.runSlide();
	},
	runSlide: function(myclass){
		(this.i==this.Imgs.length-1) ? this.i = 0 : this.i++;
		var ImgToLoad = this.Imgs[this.i];
		var OldImg = this.Target.getElement('img');
		var AllImgs = this.Target.getElements('img');
		AllImgs.each(function(imgs, n){
			if (n>0)
			var removedElement = imgs.dispose();
		});
		var img = new Element('img',{'src':ImgToLoad, 'styles':{'opacity':0}}).injectInside(this.Target);
		img.addEvents({
			'load': function(){
						img.injectAfter(OldImg);
						if ( img.getHeight()/img.getWidth() < window.getHeight()/window.getWidth() ){
							img.setStyles({
								'height': window.getHeight()
							});
						} else {
							img.setStyles({
								'width': window.getWidth()
							});
						}
						var myFx2 = new Fx.Tween(img,{
							duration: 1200,
							transition: Fx.Transitions.Quart.easeIn,
							onComplete: function(){
								var removedElement = OldImg.dispose();
							}
						}).start('opacity', 1);
			}
		})
	},
	loadImg: function(i){
		this.i = i-1;
		this.runSlide();
	}
});

var Slide = new Class({
    initialize: function(target, imgs, numtarget){
		this.i = 0;
		this.Target = target;
		this.Imgs = imgs;
		var myclass = this;
		this.Imgs.each(function(img,n){
			var a = new Element('a').set({'text':((n<10) ? '0' : '')+(n+1)+' '}).inject(numtarget);
			a.addEvents({
				'click': function(){
					myclass.i = n;
					myclass.runSlide();
					numtarget.getElements('a').removeClass('select');
					a.set({'class':'select'});
				}
			});
		})
		numtarget.getElement('a').set({'class':'select'});

    },
	extSlide: function(){
		this.runSlide();
	},
	runSlide: function(myclass){
		var ImgToLoad = this.Imgs[this.i];
		var OldImg = this.Target.getElement('img');
		var AllImgs = this.Target.getElements('img');
		AllImgs.each(function(imgs, n){
			if (n>0)
			var removedElement = imgs.dispose();
		});
		var img = new Element('img',{'src':ImgToLoad, 'styles':{'opacity':0}}).injectInside(this.Target);
		img.addEvents({
			'load': function(){
						img.injectAfter(OldImg);
						var myFx2 = new Fx.Tween(img,{
							duration: 600,
							transition: Fx.Transitions.Quart.easeIn,
							onComplete: function(){
								var removedElement = OldImg.dispose();
							}
						}).start('opacity', 1);
			}
		})
	},
	loadImg: function(i){
		this.i = i-1;
		this.runSlide();
	}
});