jQuery.noConflict(); 

jQuery(document).ready(function(){
	var slides12 = new Slides2();
		slides12.inicia();
		
	/*
	
	var slides12 = new Slides2();
	slides12.inicia();
	slides12.caja -> '#slides2'; // id del contenedor de los destacados
	slides12.numero = 1; // Número de destacados que se muestran
	slides12.tiempo = 2.5; // Segundos entre cambio de destacado
	slides12.velocidadMostrar = 'fast';
	*/
});

function Slides2 () {
	this.caja = '#slides2'; // id del contenedor de los destacados
	this.slide2 = '.slide2'; // destacado
	this.numero = 1; // Número de destacados que se muestran
	this.tiempo = 10; // Segundos entre cambio de destacado
	this.milisegundos = this.tiempo*1000; // No editar
	this.velocidadMostrar = 'slow';
	
	this.inicia = function () {
		
		numDestacados = jQuery(this.caja+' '+this.slide2).length; // Número de destacados
		i=this.numero;
		k=0;
		
		// Se activa la primera tanda de destacados
		while (k<this.numero) {
			jQuery(this.caja+' '+this.slide2).eq(k).addClass('activo');
			k++;
		}
		while (i<numDestacados) {
			jQuery(this.caja+' '+this.slide2).eq(i).hide();
			i++;
		}
		
		// Se da ID a los destacados
		j=0;
		while (j<numDestacados) {
			jQuery(this.caja+' '+this.slide2).eq(j).attr('id','slide-'+(j+1));
			j++;
		}
		
		this.paginacion(); // Se generan los controles de pausa y paginación
		
		// Se inicia el slideshow
		var that = this;
		this.intervalo = setInterval(function(){that.cambiar();}, this.milisegundos);
		
		// Al clicar una página se detiene el proceso y se va a la página
		jQuery('#paginadorSlide li a').click(function () {
			clearInterval(that.intervalo);
			that.controlPausar();
			that.irPagina(parseInt(jQuery(this).parent().attr('id').split('-')[1]));
			jQuery('#paginadorSlide li').removeClass('activo');
			jQuery(this).parent().addClass('activo');
			return false;
		});
		
		// Al clicar el botón de pausar/continuar se alterna detener/continuar el proceso
		jQuery('#pausarContinuar a').eq(0).click(function () {
			if (jQuery(this).hasClass('moviendo')) {
				that.controlPausar();
			} else {
				that.intervalo = setInterval(function(){that.cambiar();}, that.milisegundos);
				that.controlContinuar();
			}
			return false;
		});
		
	}
	
	// Modificar botón de pausar/reanudar
	this.controlPausar = function () {
		clearInterval(this.intervalo);
		jQuery('#pausarContinuar a').eq(0).html('Reanudar');
		jQuery('#pausarContinuar a').eq(0).removeClass('moviendo');
	}
	this.controlContinuar = function () {
		jQuery('#pausarContinuar a').eq(0).html('Pausar');
		jQuery('#pausarContinuar a').eq(0).addClass('moviendo');
	}
	
	// Cambiar de slide
	this.irPagina = function (pagina) {
		elUltimo = pagina*this.numero;
		el = (elUltimo)-this.numero;
		jQuery(this.caja+' '+this.slide2).removeClass('activo');
		while (el<elUltimo) {
			jQuery(this.caja+' '+this.slide2).eq(el).addClass('activo');
			jQuery(this.caja+' '+this.slide2).eq(el).addClass('activo activoPausa');
			el++;
		}
		
		jQuery(this.caja+' '+this.slide2+':not(.activo)').hide();
		jQuery(this.caja+' '+this.slide2+'.activo').fadeIn(this.velocidadMostrar);
		
	}
	
	// Cambio automático de slide
	this.cambiar = function () {
		activos = jQuery(this.caja+' '+this.slide2+'.activo').length-1;
		ultimoActivo = jQuery(this.caja+' '+this.slide2+'.activo').eq(activos);
		numeroUltimoActivo = parseInt(jQuery(this.caja+' '+this.slide2+'.activo').eq(activos).attr('id').split('-')[1])+this.numero;
		proximaPagina = (numeroUltimoActivo/this.numero)-1;
		numDestacados = jQuery(this.caja+' '+this.slide2).length;
		
		if (numeroUltimoActivo>numDestacados) {proximoActivo=jQuery(this.caja+' '+this.slide2).eq(0);proximaPagina=0;} else {proximoActivo = ultimoActivo.next(this.slide2);}
		jQuery(this.caja+' '+this.slide2+'.activo').removeClass('activo');
		i=0;
		while (i<this.numero) {
			proximoActivo.addClass('activo');
			proximoActivo = proximoActivo.next();
			i++;
		}
		jQuery(this.caja+' '+this.slide2+':not(.activo)').hide();
		jQuery('#paginadorSlide li').removeClass('activo');
		jQuery('#paginadorSlide li').eq(proximaPagina).addClass('activo');
		jQuery(this.caja+' '+this.slide2+'.activo').fadeIn(this.velocidadMostrar);
	}
	
	
	this.paginacion = function () {
		numPaginas = Math.ceil((jQuery(this.caja+' '+this.slide2).length)/this.numero);
		jQuery(this.caja).after('<div id="controlesSlide"><ul class="paginadorSlide" id="paginadorSlide"></ul></div>'); // Se crea el contenedor de paginación
		/*jQuery('#paginadorSlide').prepend('<p id="pausarContinuar"><a href="#" class="moviendo">Pausar</a></p>'); // Se crea el párrafo para el botón de detener/continuar en su estado predeterminado (Pausar)*/
		
		i=0;j=1;
		/*while (i<numPaginas) {
			jQuery('#paginadorSlide').append('<li id="paginaSlide-'+j+'"><a href="#">'+j+'</a></li>');
			i++; j++;
		}*/
		jQuery('#paginadorSlide li').eq(0).addClass('activo');
	}
	
}
