// Only change this number:
var intMax = 20;

// Do not change anything below this line
var intNumber = 1;
var intActiveImg = 1;
var intNonActiveImg = 2;
var intOpacity = 0;
function LoopImage() {
    intNumber++;
    if (intNumber > intMax)
        intNumber = 1;
    intOpacity = 0;

    if (intActiveImg == 1) {
        intActiveImg = 2;
        intNonActiveImg = 1;
    }
    else {
        intActiveImg = 1;
        intNonActiveImg = 2;
    }
        
    document.getElementById("rits" + intActiveImg).src = folder + "images/rits/img_" + intNumber + ".jpg";

    FadeInOut(0);
}

function FadeInOut() {
    intOpacity += 0.1;

    SetFade("rits" + intActiveImg, intOpacity);
    document.getElementById("rits" + intActiveImg).style.zIndex = 2;
    document.getElementById("rits" + intNonActiveImg).style.zIndex = 1;

    if (intOpacity < 1)
        setTimeout(FadeInOut, 100);
    else
        setTimeout(LoopImage, 3000);
}

function SetFade(strImg, intOpacity) {
    document.getElementById(strImg).style.opacity = intOpacity;
    document.getElementById(strImg).style.MozOpacity = intOpacity;
    document.getElementById(strImg).style.KHTMLOpacity = intOpacity;
    document.getElementById(strImg).style.filter = "alpha(opacity= " + intOpacity * 100 + ")";
}