﻿
var EnumTipoEventoImagen = { onmouseover : 0, onmouseout: 1 }
var NumActual = 1
var NumTotalImgs = 4
var IDCarruselImagenes = 'CarruselImagenes'

function CambioImagen(ObjetoEvento, Num, Accion)
{
    switch (Accion)
    {
        case EnumTipoEventoImagen.onmouseover:
        {
            var i=1
            for(i=1; i<NumTotalImgs+1;i++){            
                document.getElementById(IDCarruselImagenes + '_CapaImgPeq' + i).className = 'CapaImgPeq' + i
                document.getElementById(IDCarruselImagenes + '_CapaImgPeqDif' + i).style.display = 'block'
            }
            document.getElementById('TablaImagen').className = 'TablaImagen' + Num
            document.getElementById(IDCarruselImagenes + '_CapaImgPeq' + Num).className = 'CapaImgPeqSel' + Num
            document.getElementById(IDCarruselImagenes + '_CapaImgPeqDif' + Num).style.display = 'none'
            document.getElementById('CapaImgFlecha').style.paddingLeft = (7+((Num-1)*25)) + '%'
            document.getElementById(IDCarruselImagenes + '_LblTitulo').innerHTML = 'LblTitulo' + Num
            document.getElementById(IDCarruselImagenes + '_LblSubtitulo').innerHTML = 'LblSubtitulo' + Num
            document.getElementById(IDCarruselImagenes + '_LinkVerFicha').onclick= function(){VerFichaCompleta('LinkVerFicha' + Num)}
            break
        }
        case EnumTipoEventoImagen.onmouseout:
        {
            document.getElementById('TablaImagen').className = 'TablaImagen' + Num
            break
        }
    
    }
    
    return false    
}


function AnimacionControl(NumeroCiclos)
{
    //var NumPasosScrollTop = 100
    var TiempoTimeOut = 1
    NumeroCiclos -= 1
    Animacion = setTimeout('AnimacionControl(\'' + NumeroCiclos + '\')', TiempoTimeOut);           
    if (NumeroCiclos == 0) {
        var i=1
        for(i=1; i<(NumTotalImgs+1);i++){            
            document.getElementById(IDCarruselImagenes + '_CapaImgPeq' + i).className = 'CapaImgPeq' + i
            document.getElementById(IDCarruselImagenes + '_CapaImgPeqDif' + i).style.display = 'block'
        }
        document.getElementById('TablaImagen').className = 'TablaImagen' + NumActual
        document.getElementById(IDCarruselImagenes + '_CapaImgPeq' + NumActual).className = 'CapaImgPeqSel' + NumActual
        document.getElementById(IDCarruselImagenes + '_CapaImgPeqDif' + NumActual).style.display = 'none'
        document.getElementById('CapaImgFlecha').style.paddingLeft = (7+((NumActual-1)*25)) + '%'
        document.getElementById(IDCarruselImagenes + '_LblTitulo').innerHTML = 'LblTitulo' + NumActual
        document.getElementById(IDCarruselImagenes + '_LblSubtitulo').innerHTML = 'LblSubtitulo' + NumActual
        document.getElementById(IDCarruselImagenes + '_LinkVerFicha').onclick= function(){VerFichaCompleta('LinkVerFicha' + NumActual)}

        NumActual +=1
        if (NumActual > 4)
        {NumActual = 1}        
        
        clearTimeout(Animacion);
        AnimacionControl(200)
    }
    
}

function VerFichaCompleta(Mensaje)
{   
    alert(Mensaje);
    return false
}

