var Fotos = new Array();
var Actual = 0;

function Fade(Id, Val, To, Smer)
{  
    Elm = document.getElementById(Id);
    Val += 5 * To;
    
    //Elm.style.marginLeft = ((100 - Val ) * 4 * Smer) + 'px';
        
    if (navigator.appName.indexOf("Microsoft") != -1) Elm.style.filter = 'alpha(opacity='+Val+')';
    else if (Elm.style.MozOpacity) Elm.style.MozOpacity = (Val / 100);
    else Elm.style.opacity = (Val / 100);
        
        
    if ((Val > 0) && (Val < 100))
        setTimeout('Fade(\''+Id+'\', '+Val+', '+To+', '+Smer+')', Val);
}

function JListok(FotosArr)
{
    for (var I = 0; I < FotosArr.length; I++)
    {
        Fotos[I] = new Image();  
        Fotos[I].src = '/files/' + FotosArr[I] + '-?img_w=444';  
    }                                     
    document.getElementById('pages').innerHTML = '1 z '+Fotos.length;
}

function DisplayListok(Smer)
{
    Actual += Smer;   
    if ((Actual >= 0) && (Actual < Fotos.length))
    {
        document.getElementById('jlimg').src = Fotos[Actual].src;      
        document.getElementById('pages').innerHTML = (Actual + 1)+' z '+Fotos.length;
        Fade('jlimg', 0, 1, Smer);
    }
    else if (Actual < 0)
        Actual = 0;
    else
        Actual = Fotos.length - 1;
}