jQuery.noConflict();

jQuery(document).ready(function(){
	var slides1 = new Slides('#slides');
		slides1.inicia();
	var slides2 = new Slides('#slides2');
		slides2.inicia();
});

function Slides (caja) {
	this.caja = caja; // id del contenedor de los destacados
	this.slide = '.slide'; // destacado
	this.numero = 1; // Número de destacados que se muestran
	this.tiempo = 3.5; // Segundos entre cambio de destacado
	this.milisegundos = this.tiempo*1000; // No editar
	this.velocidadMostrar = 'fast';
	
	this.inicia = function () {
		
		numDestacados = jQuery(this.caja+' '+this.slide).length;
		i=this.numero;
		k=0;
		
		
		while (k<this.numero) {
			jQuery(this.caja+' '+this.slide).eq(k).addClass('activo');
			k++;
		}
		while (i<numDestacados) {
			jQuery(this.caja+' '+this.slide).eq(i).hide();
			i++;
		}
		
		j=0;
		while (j<numDestacados) {
			jQuery(this.caja+' '+this.slide).eq(j).attr('id','slide-'+(j+1));
			j++;
		}
		
		this.paginacion();
		
		// Se inicia el slideshow
		var that = this;
		this.intervalo = setInterval(function(){that.cambiar();}, this.milisegundos);
		
		jQuery('#paginadorSlide li a').click(function () {
			clearInterval(that.intervalo);
			that.irPagina(parseInt(jQuery(this).parent().attr('id').split('-')[1]));
			jQuery('#paginadorSlide li').removeClass('activo');
			jQuery(this).parent().addClass('activo');
			return false;
		});
		
	}
	
	// Cambiar de slide
	this.irPagina = function (pagina) {
		elUltimo = pagina*this.numero;
		el = (elUltimo)-this.numero;
		jQuery(this.caja+' '+this.slide).removeClass('activo');
		while (el<elUltimo) {
			jQuery(this.caja+' '+this.slide).eq(el).addClass('activo');
			el++;
		}
		
		jQuery(this.caja+' '+this.slide+':not(.activo)').hide();
		jQuery(this.caja+' '+this.slide+'.activo').fadeIn(this.velocidadMostrar);
		
	}
	
	// Cambio automático de slide
	this.cambiar = function () {
		activos = jQuery(this.caja+' '+this.slide+'.activo').length-1;
		ultimoActivo = jQuery(this.caja+' '+this.slide+'.activo').eq(activos);
		numeroUltimoActivo = parseInt(jQuery(this.caja+' '+this.slide+'.activo').eq(activos).attr('id').split('-')[1])+this.numero;
		proximaPagina = (numeroUltimoActivo/this.numero)-1;
		numDestacados = jQuery(this.caja+' '+this.slide).length;
		
		if (numeroUltimoActivo>numDestacados) {proximoActivo=jQuery(this.caja+' '+this.slide).eq(0);proximaPagina=0;} else {proximoActivo = ultimoActivo.next(this.slide);}
		jQuery(this.caja+' '+this.slide+'.activo').removeClass('activo');
		i=0;
		while (i<this.numero) {
			proximoActivo.addClass('activo');
			proximoActivo = proximoActivo.next();
			i++;
		}
		jQuery(this.caja+' '+this.slide+':not(.activo)').hide();
		jQuery('#paginadorSlide li').removeClass('activo');
		jQuery('#paginadorSlide li').eq(proximaPagina).addClass('activo');
		jQuery(this.caja+' '+this.slide+'.activo').fadeIn(this.velocidadMostrar);
	}
	
	
	this.paginacion = function () {
		numPaginas = Math.ceil((jQuery(this.caja+' '+this.slide).length)/this.numero);
		jQuery(this.caja).after('<ul class="paginadorSlide" id="paginadorSlide"></ul>');
		
		i=0;j=1;
		while (i<numPaginas) {
			jQuery('#paginadorSlide').append('');
			i++; j++;
		}
		jQuery('#paginadorSlide li').eq(0).addClass('activo');
	}
	
}