var RotatePicsArray;
var imageswaptime = 3500;
var numberofstages = 30
var timebetweenstages = 20;
var RepeatImages = false;

function SetPictureRotation(RepeatImagesOver, RotatePics) {
    RotatePicsArray = RotatePics.split(",");
    RepeatImages = RepeatImagesOver;
    window.onload = rotateimage;
}

var obj;
var image = 0;
var timer = imageswaptime;
var totaltime = (timebetweenstages * numberofstages);
var imageswaptotaltime = (imageswaptime - totaltime);
var setrepeat = 2;

function rotateimage() {
    timer = timer + timebetweenstages
    if (timer > imageswaptime) {
        oldimage = image;
        timer = 0;
        image++;
        if (image > RotatePicsArray.length) { image = 1; }
        if ((image == RotatePicsArray.length) && (RepeatImages == false)) { setrepeat = 1; }
        obj = document.getElementById("RotatingPictureFrame");
        obj.style.backgroundImage = "url(" + RotatePicsArray[image - 1] + ")";
    }
    if (timer < totaltime) { obj.style.opacity = (100 / (totaltime / timer)) / 100; }
    if (timer > imageswaptotaltime) { if (setrepeat == 1) { setrepeat = 0; } else { obj.style.opacity = (100 - ((100 / numberofstages) * ((timer - imageswaptotaltime) / timebetweenstages))) / 100; } }
    if (setrepeat != 0) { setTimeout("rotateimage()", timebetweenstages); }
}