var Cases = new Array("case1","case2");

var iCaseNo = 0;

var case1;
var case2;

var iMainTimer;
var iBlendTimer;
var iOpacity = 0;

function startTime() {
    var time = new Date();
    hours = time.getHours();
    mins = time.getMinutes();
    secs = time.getSeconds();
    closeTime = hours * 3600 + mins * 60 + secs;
    closeTime += 7; // How many seconds until the next banner rotation
    
    Timer();
}

function Timer() {
    var iCount = Cases.length;
    var time = new Date();
    hours = time.getHours();
    mins = time.getMinutes();
    secs = time.getSeconds();
    curTime = hours * 3600 + mins * 60 + secs;

    if (curTime >= closeTime) {
            if (iCaseNo == 0) {
                case1 = document.getElementById('case' + (iCaseNo + 1));
                case2 = document.getElementById('case' + (iCaseNo + 2));

                $(case1).fadeOut(2000, FadeOut);
            }
            
            if (iCaseNo == iCount - 1) {
                case1 = document.getElementById('case' + (iCaseNo + 1));
                case2 = document.getElementById('case' + (1));
                iCaseNo = 0;

                $(case1).fadeOut(2000, FadeOutLast);
             
            }
            if (iCaseNo > 0 && iCaseNo < iCount - 1) {
                case1 = document.getElementById('case' + (iCaseNo + 1));
                case2 = document.getElementById('case' + (iCaseNo + 2));

                $(case1).fadeOut(2000, FadeOut);
            }

            //$(case1).fadeOut(2000, FadeOut);
      }
    else {
        iMainTimer = window.setTimeout("Timer()", 1000);
    }
}

function FadeOut() {
      var zInd1 = case1.style.zIndex;
      var zInd2 = case2.style.zIndex;

    case1.style.zIndex = zInd2;
    case2.style.zIndex = zInd1;

        
//    case1.style.zIndex = 0;
    case1.style.display = 'block';
//    case2.style.zIndex = 4;
    case2.style.display = 'block';
    
    iCaseNo++
    startTime();
}

function FadeOutLast() {
    var zInd1 = case1.style.zIndex;
    var zInd2 = case2.style.zIndex;

    case1.style.zIndex = zInd2;
    case2.style.zIndex = zInd1;

//    case1.style.zIndex = 0;
    case1.style.display = 'block';
//    case2.style.zIndex = 4;
    case2.style.display = 'block';

    startTime();
}