﻿// code for Kairos Slide Show
var kairosShowSpeed = 3500;
var crossFadeDuration = 2;

var kairosPic = new Array();
kairosPic[0] = 'images/basic/kairos/0.gif';
kairosPic[1] = 'images/basic/kairos/1.gif';
kairosPic[2] = 'images/basic/kairos/2.gif';
kairosPic[3] = 'images/basic/kairos/3.gif';
kairosPic[4] = 'images/basic/kairos/4.gif';
kairosPic[5] = 'images/basic/kairos/5.gif';
kairosPic[6] = 'images/basic/kairos/6.gif';
kairosPic[7] = 'images/basic/kairos/7.gif';
kairosPic[8] = 'images/basic/kairos/8.gif';
kairosPic[9] = 'images/basic/kairos/9.gif';
kairosPic[10] = 'images/basic/kairos/10.gif';
kairosPic[11] = 'images/basic/kairos/0b.gif';
kairosPic[12] = 'images/basic/kairos/kempty.gif';

var timePic = new Array();
timePic[0] = 'images/basic/kairos/time03.gif';
timePic[1] = 'images/basic/kairos/time09.gif';
timePic[2] = 'images/basic/kairos/time15.gif';
timePic[3] = 'images/basic/kairos/time21.gif';

var preLoadTime = new Array();
for (i = 0; i < 4; i++) {
    preLoadTime[i] = new Image();
    preLoadTime[i].src = timePic[i];
}

var t1;
var j1 = 0;

var preLoadKairos = new Array();
preLoadKairos[0] = new Array();
preLoadKairos[1] = new Array();
preLoadKairos[2] = new Array();
preLoadKairos[3] = new Array();


var makeKairosIcons = true;


function runKairosShow() {
    if (makeKairosIcons) {
        for (j = 1; j < 4; j++) {
            for (i = 0; i < 4; i++) {
                preLoadKairos[i][j] = new Image();
                preLoadIndex = 'hdnKairos' + i.toString() + j.toString();
                preLoadIndex = document.getElementById(getActualID(preLoadIndex)).value;
                preLoadKairos[i][j].src = kairosPic[Number(preLoadIndex)];
            }
        }
        makeKairosIcons = false;
    }

    if (document.all) {
        document.images.imgTime.style.filter = "blendTrans(duration=crossFadeDuration)";
        document.images.imgTime.filters.blendTrans.Apply();
        document.images.imgTime.filters.blendTrans.Play();

        document.images.imgToday.style.filter = "blendTrans(duration=crossFadeDuration)";
        document.images.imgToday.filters.blendTrans.Apply();
        document.images.imgToday.filters.blendTrans.Play();
        
        document.images.imgTomorrow.style.filter = "blendTrans(duration=crossFadeDuration)";
        document.images.imgTomorrow.filters.blendTrans.Apply();
        document.images.imgTomorrow.filters.blendTrans.Play();
        
        document.images.imgDTomorrow.style.filter = "blendTrans(duration=crossFadeDuration)";
        document.images.imgDTomorrow.filters.blendTrans.Apply();
        document.images.imgDTomorrow.filters.blendTrans.Play();
    }

    document.images.imgTime.src = preLoadTime[j1].src;
    document.images.imgToday.src = preLoadKairos[j1][1].src;
    document.images.imgTomorrow.src = preLoadKairos[j1][2].src;
    document.images.imgDTomorrow.src = preLoadKairos[j1][3].src;

    j1 = j1 + 1;
    if (j1 > 3) j1 = 0;
    t1 = setTimeout('runKairosShow()', kairosShowSpeed);
}



function getActualID(controlID)
{
    var c = document.getElementsByTagName("input"); // the tag name you want
    var a = null;

    for(var i = 0; i < c.length; i++) // loop through all the elements in the collection
    {
        var f = c[i].id.split('_'); // split the id of the element and put the result into an array
        if (f[f.length-1].indexOf(controlID) > -1)//match the last chunk with the control id your looking for
        {
            a = c[i].id; // set the 'a' variable to the id that matches, then break out of the loop
            break;
        }
    }

    return a; // return the actual controls (elements) id.
}

