// 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 Asset.image(ImgToLoad, {id: 'myImage', 'styles':{'opacity':0}, onload: 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);
		}});
		// 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, 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 Asset.image(ImgToLoad, {id: 'myImage', 'styles':{'opacity':0}, onload: function(){
			myclass.Target.adopt(img);
			img.injectAfter(OldImg);
			var myFx2 = new Fx.Tween(img,{
				duration: 1200,
				transition: Fx.Transitions.Quart.easeIn,
				onComplete: function(){
					var removedElement = OldImg.dispose();
				}
			}).start('opacity', 1);
		}});
		// 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: 1200,
		// 					transition: Fx.Transitions.Quart.easeIn,
		// 					onComplete: function(){
		// 						var removedElement = OldImg.dispose();
		// 					}
		// 				}).start('opacity', 1);
		// 	}
		// })
	},
	loadImg: function(i){
		this.i = i-1;
		this.runSlide();
	}
});