var imgActual=1;
var EnlaceDirecto=0;
var timer;

function MuestraFotosGrandes() 
{
    obj = document.getElementById("ulFotos");

    document.getElementById("totalImagenes").innerHTML = obj.childNodes.length;
    document.getElementById("contadorImagenes").innerHTML = imgActual;

    //RECORREMOS LOS LI PARA AŅADIRLES EL ONCLICK
    for(f=0;f<obj.childNodes.length;f++)
    {
      obj.childNodes[f].innerHTML = "<a id='a_img_"+(f+1)+"' nohref style='cursor:pointer;' onClick=javascript:pararPresentacion();cambiaFoto('img_"+(f+1)+"',"+(f+1)+")>"+obj.childNodes[f].innerHTML+" </a>";
    }

    //PONEMOS LA FOTO SELECCIONADA COMO FOTO PRINCIPAL
    document.getElementById("imgFotoGrande").src = document.getElementById("img_"+imgActual).src;

    $('#dvFotosPeq #img_'+imgActual).css("border","2px solid red");
    $('#dvFotosPeq #img_'+imgActual).css("width","36px");
    $('#dvFotosPeq #img_'+imgActual).css("height","36px");

    revisarMedidaImagen();

    //ARRANCAMOS LA PRESENTACION
    arrancarPresentacion();
}

function cambiaFoto(obj,num)
{
    document.getElementById("imgFotoGrande").src = document.getElementById(obj).src;
    revisarMedidaImagen();

    $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("border","0px solid red");
    $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("width","40px");
    $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("height","40px");

    document.getElementById("contadorImagenes").innerHTML = num;
    imgActual=num;

    $('#dvFotosPeq #'+obj).css("border","2px solid red");
    $('#dvFotosPeq #'+obj).css("width","36px");
    $('#dvFotosPeq #'+obj).css("height","36px");
}

function reiniciaScroll()
{
    document.getElementById("dvFotosPeq").style.left="0px";
}

function scrollIzquierda()
{
    posicion=document.getElementById("dvFotosPeq").style.left;
    posicion=posicion.replace("px","");

    //SI EL NUMERO DE FOTOS ES MAYOR AL NUMERO MAXIMO QUE SE PUEDE MOSTAR
    if((document.getElementById("totalImagenes").innerHTML>12) && posicion<0)
    {
        posicion=parseInt(posicion)+50;
        document.getElementById("dvFotosPeq").style.left=posicion+"px";
    }
}

function scrollDerecha()
{
    posicion=document.getElementById("dvFotosPeq").style.left;
    posicion=posicion.replace("px","");

    NumFotosOcultas = document.getElementById("totalImagenes").innerHTML-12;

    if(posicion>(NumFotosOcultas)*(-50))
    {
        posicion=parseInt(posicion)-50;
        document.getElementById("dvFotosPeq").style.left=posicion+"px";
    }
}

function fotoAnterior()
{
    if(document.getElementById("contadorImagenes").innerHTML>1)
    {
        idFotoAnterior = "img_"+parseInt(parseInt(document.getElementById("contadorImagenes").innerHTML)-parseInt(1));

        document.getElementById("imgFotoGrande").src = document.getElementById(idFotoAnterior).src;
        revisarMedidaImagen();

        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("border","0px solid red");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("width","40px");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("height","40px");

        document.getElementById("contadorImagenes").innerHTML=document.getElementById("contadorImagenes").innerHTML-1;
        imgActual=document.getElementById("contadorImagenes").innerHTML-1;

        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("border","2px solid red");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("width","36px");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("height","36px");

        
        if((document.getElementById("contadorImagenes").innerHTML)<=document.getElementById("totalImagenes").innerHTML-12)
        {
            scrollIzquierda();
        }
    }
}

function fotoSiguiente()
{
    if(parseInt(document.getElementById("contadorImagenes").innerHTML)<parseInt(document.getElementById("totalImagenes").innerHTML))
    {
        idFotoSiguiente = "img_"+parseInt(parseInt(document.getElementById("contadorImagenes").innerHTML)+parseInt(1));

        document.getElementById("imgFotoGrande").src = document.getElementById(idFotoSiguiente).src;
        revisarMedidaImagen();

        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("border","0px solid red");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("width","40px");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("height","40px");

        document.getElementById("contadorImagenes").innerHTML=parseInt(document.getElementById("contadorImagenes").innerHTML)+1;
        imgActual=parseInt(document.getElementById("contadorImagenes").innerHTML)+1;

        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("border","2px solid red");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("width","36px");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("height","36px");

        if(document.getElementById("contadorImagenes").innerHTML>12)
        {
            scrollDerecha();
        }
    }
}

function modoPresentacion()
{
    if (imgActual >= parseInt(document.getElementById("totalImagenes").innerHTML))
    {
        reiniciaScroll();
        
        imgActual = 1;

        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("border","0px solid red");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("width","40px");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("height","40px");

        document.getElementById("contadorImagenes").innerHTML=1;

        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("border","2px solid red");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("width","36px");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("height","36px");
    }
    else
    {
        if(document.getElementById("contadorImagenes").innerHTML>11)
        {
            scrollDerecha()
        }

        imgActual++;

        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("border","0px solid red");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("width","40px");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("height","40px");

        document.getElementById("contadorImagenes").innerHTML=imgActual;

        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("border","2px solid red");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("width","36px");
        $('#dvFotosPeq #img_'+document.getElementById("contadorImagenes").innerHTML).css("height","36px");
    }

    document.getElementById("imgFotoGrande").src = document.getElementById("img_"+imgActual).src;
    revisarMedidaImagen();
}

function arrancarPresentacion()
{
    document.getElementById("imgPlay").style.display="none";
    document.getElementById("imgPause").style.display="block";

    timer = setInterval("modoPresentacion()", 2000);
}

function pararPresentacion()
{
    clearInterval(timer);
    document.getElementById("imgPlay").style.display="block";
    document.getElementById("imgPause").style.display="none";
}

function revisarMedidaImagen()
{
    document.getElementById("imgFotoGrande").width=610;
    document.getElementById("imgFotoGrande").style.height="auto";

    if(document.getElementById("imgFotoGrande").height>457)
    {
        proporcion=457/document.getElementById("imgFotoGrande").height;
        nuevowidth=parseInt((parseInt(document.getElementById("imgFotoGrande").width)*proporcion));

        document.getElementById("imgFotoGrande").height=457;
        document.getElementById("imgFotoGrande").width=nuevowidth;
    }
}