var iSlide = new Class({
    initialize: function(target, imgs, scr){
		this.i = 0;
		this.Target = $(target);
		this.Imgs = imgs;
		this.scr = scr;
		
		// this.runSlide(this.i);
		this.extSlide.periodical(2000);
    },
	extSlide: function(){
		runSlide();
	},
	runSlide: function(){		
		(this.i==this.Imgs.length-1) ? this.i = 0 : this.i++;
		var ImgToLoad = this.Imgs[i];
		var OldImg = this.Target.getElement('img');
		// alert(OldImg);
		var img = new Element('img',{'src':ImgToLoad}).injectInside($('Target'));
		img.addEvents({
			'load': function(){
				img.set({'opacity':0});
				var myFx = new Fx.Tween(OldImg,{
					duration: 300,
					transition: Fx.Transitions.Quart.easeIn
				});
				myFx.addEvents({
					'complete': function(){
						img.injectAfter(OldImg);
						var removedElement = OldImg.dispose();
						// this.scr.update();
						var myFx2 = new Fx.Tween(img,{
							duration: 300,
							transition: Fx.Transitions.Quart.easeOut
							});
						myFx2.addEvents({
							'complete': function(){
								//runSlide(this.i);
							}
						})
						myFx2.start('opacity', 1);
					}
				})
				myFx.start('opacity', 0);
			}
		})
	}
});
// 
// var Slide = new Class({
//     initialize: function(target, imgs, scr){
// 		this.i = 0;
// 		this.Target = $(target);
// 		this.Imgs = imgs;
// 		this.scr = scr;
// 		
// 		this.runSlide(this.i);
//     },
// 	runSlide: function(i){		
// 		(i==this.Imgs.length-1) ? this.i = 0 : this.i++;
// 		var ImgToLoad = this.Imgs[i];
// 		var OldImg = this.Target.getElement('img');
// 		// alert(OldImg);
// 		var img = new Element('img',{'src':ImgToLoad}).injectInside($('Target'));
// 		img.addEvents({
// 			'load': function(){
// 				img.set({'opacity':0});
// 				var myFx = new Fx.Tween(OldImg,{
// 					duration: 300,
// 					transition: Fx.Transitions.Quart.easeIn,
// 					onComplete: function(){
// 						img.injectAfter(OldImg);
// 						var removedElement = OldImg.dispose();
// 						// this.scr.update();
// 						var myFx2 = new Fx.Tween(img,{
// 							duration: 300,
// 							transition: Fx.Transitions.Quart.easeOut,
// 							onComplete: function(){
// 								runSlide(this.i);
// 							}
// 							});
// 						myFx2.start('opacity', 1);
// 					}
// 				});
// 				myFx.start('opacity', 0);
// 			}
// 		})
// 	}
// });