var interval = 50;
var random_display = 0;
var imageNum = 0;

var totalImages = imageArray.length; 

function get_ImageItemLocation(imageObj) {
    return(imageObj.image_item.src)
}

function randNum(x, y) {
    var range = y - x + 1;
    return Math.floor(Math.random() * range) + x;
}

function getNextImage() {
    if (random_display) {
        imageNum = randNum(0, totalImages-1);
    }
    else {
        imageNum = (imageNum+1) % totalImages;
    }

    var new_image = get_ImageItemLocation(imageArray[imageNum]);
    return(new_image);
}

function switchImage() {
    var new_image = getNextImage();
    document['img0'].src = document['img1'].src;
    document['img1'].src = document['img2'].src;
    document['img2'].src = new_image;
    var recur_call = "switchImage()";
    timerID = setTimeout(recur_call, interval);
}

var divObj = new Array();
var divPos = new Array();
var activeSet = new Array();
var win_x = 1000;

if (typeof(window.innerWidth) == 'number')
    win_x = window.innerWidth;
else
    win_x = document.documentElement.clientWidth;

function setImageDivs() {
    var i;
    for (i = 0; i < divArray.length; i++)  {
        divObj[i] = document.getElementById(divArray[i]);
        divPos[divArray[i]] = 2000;
        activeSet[divArray[i]] = 0;

        if (!(parseInt(divObj[i].style.width)))
            divObj[i].style.width = 190 + 'px';

    }

    var x = 0;
    var i = 0;

    while (x < win_x)  {
        activeSet[divArray[i]] = 1;
        divObj[i].style.display = 'inline';
        divPos[divArray[i]] = x;
        x += parseInt(divObj[i].style.width);
        i++;
    }
}


function createSlide() {
    var pad = 0;
    var i;
    var nxt;

    if (typeof(window.innerWidth) == 'number')
        win_x = window.innerWidth;
    else
        win_x = document.documentElement.clientWidth;

    for (i = 0; i < divObj.length; i++)  {
        if (activeSet[divArray[i]] == 1)  {
            if (divPos[divArray[i]] > win_x)
                divPos[divArray[i]] = win_x;

            divPos[divArray[i]] = slideImage(divObj[i], divPos[divArray[i]]);

            if (divPos[divArray[i]] < (0 - parseInt(divObj[i].style.width)))  {
                divObj[i].style.display = 'none';
                activeSet[divArray[i]] = 0;
            }

            nxt = i + 1;
            if (nxt == divObj.length)  {
                nxt = 0;
            }

            if ((divPos[divArray[i]] < (win_x - parseInt(divObj[i].style.width) - pad)) && 
                (activeSet[divArray[nxt]] == 0))  {
                divObj[nxt].style.display = 'inline';
                activeSet[divArray[nxt]] = 1;
                divPos[divArray[nxt]] = 2000;
                divObj[nxt].style.left = divPos[divArray[nxt]] + 'px';
            }
        }
    }

    var divScroll = document.getElementById('scroll_img');
    var divReel   = document.getElementById('reel');
    var xpos;

    xpos = parseInt(divScroll.style.backgroundPosition) || 0;
    xpos -= 1;
    if (xpos == -15) 
        xpos = 0;
    divScroll.style.backgroundPosition = xpos + 'px' + ' 135px';
    divReel.style.backgroundPosition = xpos + 'px' + ' 0px';

    var recur_call = 'createSlide()';
    timerID = setTimeout(recur_call, interval);
}

function slideImage(obj, xpos) {

    xpos -= 1;

    obj.style.left = xpos + 'px';

    return(xpos);
}