var timeout;
var slideShowSpeed = 4000;
var crossFadeDuration = 3;
var count = 8;
var counter = 1;

var preloadBefore = new Array();
var preloadAfter = new Array();
var elImgThumb1;
var elImgThumb2;
var elImgThumb3;
var elImgThumb4;
var elImgThumb5;
var elImgThumb6;
var elImgThumb7;
var elImgThumb8;

function RunSlideShow() {

    var elImgBefore = document.getElementById('imgBefore');
    var elImgAfter = document.getElementById('imgAfter');

        if (preloadBefore[counter] == null) {
            preloadBefore[counter] = new Image();
            preloadBefore[counter].src = 'images/home/befores/' + counter + '.jpg';
        }
        
        if (preloadAfter[counter] == null) {
            preloadAfter[counter] = new Image();
            preloadAfter[counter].src = 'images/home/afters/' + counter + '.jpg';
        }
         
        elImgBefore.style.filter = 'blendTrans(duration=crossFadeDuration)';
        if (document.all) { elImgBefore.filters.blendTrans.Apply(); }
        elImgBefore.src = preloadBefore[counter].src;
        
        elImgAfter.style.filter = 'blendTrans(duration=crossFadeDuration)';
        if (document.all) { elImgAfter.filters.blendTrans.Apply(); }
        elImgAfter.src = preloadAfter[counter].src;
        
        SetThumbs();

        counter = counter + 1;
        if (counter > (count)) counter=1;
    
        if (document.all) { 
            elImgBefore.filters.blendTrans.Play();
            elImgAfter.filters.blendTrans.Play();
        }
    //}   

    setTimeout('RunSlideShow()', slideShowSpeed);
}

function ChangeBeforeAndAfter(number) {
    
    counter = parseInt(number);

    var elImgBefore = document.getElementById('imgBefore');
    var elImgAfter = document.getElementById('imgAfter');
    
    elImgBefore.src = 'images/home/befores/' + counter + '.jpg';
    elImgAfter.src = 'images/home/afters/' + counter + '.jpg';
    
    SetThumbs();
}

function SetThumbs(){

    for (i = 1; i <= count; i++) {
        var checkNull = 'if (elImgThumb' + i + ' == null) elImgThumb' + i + ' = document.getElementById(\'imgThumb' + i + '\');';
        eval(checkNull);
        eval('elImgThumb' + i).src = 'images/home/thumbnails/preview/' + i + '.jpg';
        eval('elImgThumb' + i).className = 'PicBorderPreview';
    }
    
    eval('elImgThumb' + counter).className = 'PicBorderCurrent';
    eval('elImgThumb' + counter).src = 'images/home/thumbnails/current/' + counter + '.jpg';
}