/* 
 * 
 * 
 */
$(document).ready(iniciar);

var tiempo = 12000;
var t;
var paginas = new Array();
var botones = new Array();
var imgActual;

function iniciar(){
    imgActual = 0;
    botones.push($("#but1"), $("#but2"),$("#but3"),$("#siguiente"));

    for(var i = 0; i < botones.length;i++){
        botones[i].click(irAimagen);
        botones[i].hover(function() {
         $(this).addClass('active');
           }, function() {
            $(this).removeClass('active');
        });
    }
    

    // agregar los valores al array de paginas
    paginas.push($("#pag1"), $("#pag2"),$("#pag3"));

    // esconder paginas
    for(var j = 0; i < paginas.length;i++){
        paginas[j].css("display","none");
    }

    //mostrar primer pagina
    cambiarImagen();

    t = setInterval(cambiarImagen, tiempo)
}

function irAimagen(){
    clearInterval(t);

    if(this.id == "but1"){
        imgActual = 0;
        cambiarImagen();
    }else if(this.id == "but2"){
        imgActual = 1;
        cambiarImagen();
    }else if(this.id == "but3"){
        imgActual = 2;
        cambiarImagen();
    }
    else if(this.id == "siguiente"){
        cambiarImagen();
    }
}


function cambiarImagen(){

    //volver a 0 si estamos en la ultima pagina
    imgActual = imgActual%paginas.length;

    //esconder las demas paginas
    for(var i = 0; i < paginas.length;i++){
        paginas[i].css("display","none");
        botones[i].removeClass("actual");
    }

    //mostrar pagina actual
    $(paginas[imgActual]).fadeIn(800);
    botones[imgActual].addClass("actual");

    //aumentar contador
    imgActual++;
}