var moverImagenDefecto = 310;
var porPaginaFotosImagenClasificado = 4;
var cantidadFotosImagenClasificado = 0;
var paginaFotosImagenClasificado = 0;
var ultimaPaginaFotosImagenClasificado = 3;
var actualFotoImagenClasificado = 0;
var timeoutRotadorImagenClasificado = 0;

function changeImagenClasificado(strImg, pIMG, altoImg, anchoImg, indexImagen) {
    SacarTimeOutImagenClasificado();
    target = document.getElementById(strImg);
    if (target) {
        var alto = 280;
        var ancho = 373;
        var nuevoWidth;
        var nuevoHeight;

        if (anchoImg / altoImg > ancho / alto) {
            nuevoWidth = ancho;
            nuevoHeight = Math.round((altoImg * ancho) / anchoImg);
        }
        else {
            nuevoHeight = alto;
            nuevoWidth = Math.round((anchoImg * alto) / altoImg);
        }
        target.onload = function() {
            this.style.width = "".concat(nuevoWidth, "px");
            this.style.height = "".concat(nuevoHeight, "px");
            this.style.marginTop = "".concat((alto - this.height) / 2, "px");
        };
        target.src = pIMG;
        
        actualFotoImagenClasificado = indexImagen;
    }
    DefinirTimeOutImagenClasificado();
}

function moverImagenes(idImagen, tipoMover, durationMover) {
    var divImagen = document.getElementById(idImagen);
    var divImagen2 = document.getElementById("divImagenesRepeater");

    if (tipoMover < 0)
    {
        moverImagen = moverImagenDefecto * (-1);
        accionMover = 'showPrevious';
    }
    else
    {
        moverImagen = moverImagenDefecto;
        accionMover = 'showNext';
    }

    var mover = false;
    if (tipoMover < 0 && divImagen.scrollLeft > 0) mover = true;
    if (tipoMover > 0 && divImagen.scrollLeft + moverImagen <= divImagen2.offsetWidth - 20) mover = true;

    if (mover) $clasificados.trigger(accionMover);
}

function InicializarImagenClasificado(cantidadFotos) {
    paginaFotosImagenClasificado = 1;
    cantidadFotosImagenClasificado = cantidadFotos;
    actualFotoImagenClasificado = 0;

    if (cantidadFotosImagenClasificado % porPaginaFotosImagenClasificado == 0)
        ultimaPaginaFotosImagenClasificado = (cantidadFotosImagenClasificado / porPaginaFotosImagenClasificado)
    else
        ultimaPaginaFotosImagenClasificado = parseInt(cantidadFotosImagenClasificado / porPaginaFotosImagenClasificado) + 1
    
    var botonAnterior = document.getElementById('anteriorImagen');
    if (botonAnterior) botonAnterior.className = botonAnterior.className + ' disabled';

    if (cantidadFotosImagenClasificado <= porPaginaFotosImagenClasificado) {
        var botonSiguiente = document.getElementById('siguienteImagen');
        if (botonSiguiente) botonSiguiente.className = botonSiguiente.className + ' disabled';
    }

    DefinirTimeOutImagenClasificado();
}

function AnteriorImagenClasificado(boton) {
    if (boton.className.indexOf('disabled') == -1)
        ImagenClasificadoAnterior(true);
}

function SiguienteImagenClasificado(boton) {
    if (boton.className.indexOf('disabled') == -1)
        ImagenClasificadoSiguiente(true);
}

function SacarTimeOutImagenClasificado() {
    if (timeoutRotadorImagenClasificado != 0) {
        clearTimeout(timeoutRotadorImagenClasificado);
        timeoutRotadorImagenClasificado = 0;
    }
}

function DefinirTimeOutImagenClasificado() {
    timeoutRotadorImagenClasificado = setTimeout(function() { ImagenClasificadoSiguiente(false) }, 10000);
    timeoutRotadorImagenClasificado = 0;
}

function ImagenClasificadoSiguiente(sacarTime) {
    if (timeoutRotadorImagenClasificado == 0 && !sacarTime) return;    
    if (sacarTime) SacarTimeOutImagenClasificado();

    var anteriorImagenClasificado = actualFotoImagenClasificado;

    actualFotoImagenClasificado++;
    if (actualFotoImagenClasificado > (cantidadFotosImagenClasificado - 1)) {
        actualFotoImagenClasificado = anteriorImagenClasificado;
        return;
    }

    var imgActual = document.getElementById('ctl00_cphMain_rptImagenes_ctl0' + actualFotoImagenClasificado + '_FotoControl1_Foto');

    if (imgActual != null) {
        var imgOnClick = imgActual.getAttribute("onclick");
        if (navigator.userAgent.indexOf('MSIE') != -1) {
            eval(imgOnClick)();
        } else {
            eval(imgOnClick);
        }
    }
    else {
        DefinirTimeOutImagenClasificado();
        actualFotoImagenClasificado = anteriorImagenClasificado;
        return;
    }

    DefinirTimeOutImagenClasificado();

    if ((anteriorImagenClasificado + 1) % porPaginaFotosImagenClasificado == 0) {
        paginaFotosImagenClasificado = paginaFotosImagenClasificado + 1;
        moverImagenes('divImagenes', 1, 0.2);
    }

    if (paginaFotosImagenClasificado == ultimaPaginaFotosImagenClasificado) {
        var botonSiguiente = document.getElementById('siguienteImagen');
        botonSiguiente.className = botonSiguiente.className + ' disabled';
    }

    if (paginaFotosImagenClasificado > 1) {
        var botonAnterior = document.getElementById('anteriorImagen');
        botonAnterior.className = botonAnterior.className.replace(' disabled', '');
    }
}

function ImagenClasificadoAnterior(sacarTime) {
    if (timeoutRotadorImagenClasificado == 0 && !sacarTime) return;
    if (sacarTime) SacarTimeOutImagenClasificado();    

    var anteriorImagenClasificado = actualFotoImagenClasificado;

    actualFotoImagenClasificado--;
    if (actualFotoImagenClasificado < 0) {
        actualFotoImagenClasificado = anteriorImagenClasificado;
        return;
    }

    var imgActual = document.getElementById('ctl00_cphMain_rptImagenes_ctl0' + actualFotoImagenClasificado + '_FotoControl1_Foto');

    if (imgActual != null) {
        var imgOnClick = imgActual.getAttribute("onclick");
        eval(imgOnClick)();
    }
    else {
        DefinirTimeOutImagenClasificado();
        actualFotoImagenClasificado = anteriorImagenClasificado;
        return;
    }

    DefinirTimeOutImagenClasificado();

    if (anteriorImagenClasificado % porPaginaFotosImagenClasificado == 0) {
        paginaFotosImagenClasificado = paginaFotosImagenClasificado - 1;
        moverImagenes('divImagenes', -1, 0.2);
    }

    if (paginaFotosImagenClasificado == 1) {
        var botonAnterior = document.getElementById('anteriorImagen');
        botonAnterior.className = botonAnterior.className + ' disabled';
    }

    if (paginaFotosImagenClasificado != ultimaPaginaFotosImagenClasificado) {
        var botonSiguiente = document.getElementById('siguienteImagen');
        botonSiguiente.className = botonSiguiente.className.replace(' disabled', '');
    }
}
