﻿// JavaScript Document

var rwObjectFade = {

    addListeners: function () {
        // set objects
        if (document.getElementById(rwObjectFade.strImageID)) {
            rwObjectFade.objDIV = document.getElementById(rwObjectFade.strImageID);

            // preload first two images
            var tmpImage = new Image();
            tmpImage.src = rwObjectFade.strImageLocation + rwObjectFade.strFilePrefix + '1.jpg';

            var tmpImage2 = new Image();
            tmpImage2.src = rwObjectFade.strImageLocation + rwObjectFade.strFilePrefix + '2.jpg';

            // set first image in place
            rwObjectFade.objDIV.style.backgroundImage = 'url(' + rwObjectFade.strImageLocation + rwObjectFade.strFilePrefix + '1.jpg)';
            rwObjectFade.intCurrent = 1;

            // set timeout for first image switch
            rwObjectFade.intTimer = setTimeout(rwObjectFade.imageSwitch, 8000);
        }
    },

    imageSwitch: function () {
        // sort out current and next image
        if (rwObjectFade.intCurrent == rwObjectFade.intCount) {
            rwObjectFade.intCurrent = 1;
            rwObjectFade.intNextImage = 2;
        } else {
            rwObjectFade.intCurrent++;
            rwObjectFade.intNextImage = rwObjectFade.intCurrent + 1;
        }

        if (rwObjectFade.intCurrent == rwObjectFade.intCount) {
            rwObjectFade.intCycle = 1;
        }

        // set image in place
        rwObjectFade.objDIV.style.backgroundImage = 'url(' + rwObjectFade.strImageLocation + rwObjectFade.strFilePrefix + rwObjectFade.intCurrent + '.jpg)';

        // preload next image
        if (rwObjectFade.intCycle == 0) {
            var tmpImage = new Image();
            tmpImage.src = rwObjectFade.strImageLocation + rwObjectFade.strFilePrefix + rwObjectFade.intNextImage + '.jpg';
        }

        // set timeout for next image switch
        setTimeout(rwObjectFade.imageSwitch, 8000);
    },

    intCount: 3,
    lngInterval: 8000,
    intTimer: 0,
    intCycle: 0,
    objDIV: {},
    intNextImage: 0,
    strImageID: "header",
    strFilePrefix: "bgHeader_",
    strImageLocation: "http://www.outlawpaddling.com/css/images/"

};

rwScript.addEvent(window, 'load', rwObjectFade.addListeners, false);
rwScript.addEvent(window, 'unload', EventCache.flush, false);
