// JavaScript Document
var Slide = new Class({
	Implements: [Options],
	options: {
		ancho:740,
		alto:240,
		previousButton:	'btnimage1',
		nextButton:	'btnimage2',
		offset:0,
		sentido:1,
		time:7000,
		Myslide:"Myslide",
		slideName:'',
		textArea:'',
		autoplay:true
	},
	initialize: function(container,options){
		var Obj = this;
		
		this.qty = 0;
		this.setOptions(options);
		if($(container)){
			this.container = $(container);
			this.container.setStyle("width",10000);
			if(this.options.slideName==''){
				this.imagenes = this.container.getElements('li img');
			}else{
				this.imagenes = this.container.getElements('div.'+this.options.slideName);
			}
			this.puntero = 0;
			this.ancho = 0;
			if(this.options.slideName==''){
				this.myimages = new Array();
				for(i=0;i<this.imagenes.length;++i){
					this.myimages[i] = this.imagenes[i].src;
				}
				var loader = new Asset.myimages(this.imagenes, {
					onProgress: function(counter,index) {
						//
					},
					onComplete: function() {
						
						Obj.comienzo();
				
					}
				});
				
			}else{
				this.comienzo();
			}
		}
	},
	comienzo: function(){
		var Myslide = this;
		$(this.options.previousButton).addEvent("click",function(e){Myslide.slide(-1)});
		$(this.options.nextButton).addEvent("click",function(e){Myslide.slide(1)});
		$(this.options.previousButton).addEvent("mouseover",function(e){ $(Myslide.options.previousButton).setStyle('cursor','pointer');});
		$(this.options.nextButton).addEvent("mouseover",function(e){ $(Myslide.options.nextButton).setStyle('cursor','pointer');});
		// damos el ancho de las imagenes
		var ancho = 0;
		for(i=0;i<this.imagenes.length;++i){
			this.imagenes[i].set("acumulado",ancho);
			if(this.options.slideName==''){
				ancho+= parseInt(this.imagenes[i].getSize().x) + this.options.offset;
			}else{
				ancho+= parseInt(this.options.ancho) + this.options.offset;
			}
			this.imagenes[i].setStyle("padding-right",this.options.offset);
		}
		this.container.setStyle("width",ancho);
		if(this.options.textArea!=''){
			if($(this.options.textArea)){
				var b = this.imagenes[0].get('rel');
				$(this.options.textArea).set('html',b);
			}
		}
		if(this.options.autoplay){
			this.id = setInterval(this.options.Myslide + ".slide(" + this.options.sentido + ")",this.options.time);
		}
	},
	slide: function(v){
		this.options.sentido = v;
		if(v>0){
			this.puntero++;
			if(this.puntero>=this.imagenes.length){
				this.puntero=0;
			}
		}else{
			this.puntero--;
			if(this.puntero<0){
				this.puntero= (this.imagenes.length-1);
			}			
		}
		this.container.morph({'margin-left':-(this.imagenes[this.puntero].get('acumulado'))});
		if(this.options.textArea!=''){
			if($(this.options.textArea)){
				var b = this.imagenes[this.puntero].get('rel');
				$(this.options.textArea).set('html',b);
			}
		}
	}
});