var slideShowSpeed = 2500;

var PicArray = [{
                    backgroundImage: 'images/bluebackfade.png',
                    rightImage: 'images/lslogSmiling.png',
                    titleImage: 'images/COST_EFFECTIVE.png',
                    textImage: 'images/COST_EFFECTIVE_Text.png'
                },{
                    backgroundImage: 'images/bluebackfade.png',
                    rightImage: 'images/lslogAtWork.png',
                    titleImage: 'images/FLEXIBLE.png',
                    textImage: 'images/FLEXIBLE_Text.png'
                },{
                    backgroundImage: 'images/bluebackfade.png',
                    rightImage: 'images/lslogFacadeFade.png',
                    titleImage: 'images/COMPLIANT.png',
                    textImage: 'images/COMPLIANT_Text.png'
                }];

//Pic[0] = 'images/betterlog.png'
//Pic[1] = 'services.jpg'
//Pic[2] = 'images/betterlog.png'
//Pic[3] = 'services.jpg'
//Pic[4] = 'images/betterlog.png'

var t;
var j = 0;
var n = 0;
var firstLoad = 1;
var p = PicArray.length;
var preLoad = {};
for (i = 0; i < p; i++) {
preLoad[i] = {};
preLoad[i].backgroundImage = new Image();
preLoad[i].backgroundImage.src = PicArray[i].backgroundImage;

preLoad[i].rightImage = new Image();
preLoad[i].rightImage.src = PicArray[i].rightImage;

preLoad[i].titleImage = new Image();
preLoad[i].titleImage.src = PicArray[i].titleImage;

preLoad[i].textImage = new Image();
preLoad[i].textImage.src = PicArray[i].textImage;

}

function runSlideShow() {
    
    if (firstLoad != 1) {

    var RightImage = new Image();
    RightImage=document.getElementById("imgRightImage");
    var TitleImage = new Image();
    TitleImage=document.getElementById("imgTitleImage");
    var TextImage = new Image();
    TextImage=document.getElementById("imgTextImage");
   
    if(n === 1){
        if (j > (p - 1)) j = 0;
     shiftOpacity("divRightImage",1000);
     setTimeout('shiftOpacity("divTitleImage",1000)',1000);
     setTimeout('shiftOpacity("divTextImage",1000)',2000);
        RightImage.src = preLoad[j].rightImage.src;
        TitleImage.src = preLoad[j].titleImage.src;
        TextImage.src = preLoad[j].textImage.src;
        n = 0;
        j = j + 1;
        slideShowSpeed = 10000;
    }else{
     shiftOpacity("divTextImage",1000);
     shiftOpacity("divTitleImage",2000);
     shiftOpacity("divRightImage",3000);
    n = 1;
    slideShowSpeed = 3500;
    }
    } else {
    firstLoad = 0;
    }
    
    t = setTimeout('runSlideShow()', slideShowSpeed);
    
}

function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 

function shiftOpacity(id, millisec) { 
    //if an element is invisible, make it visible, else make it ivisible 
    if(document.getElementById(id).style.opacity == 0) { 
        opacity(id, 0, 100, millisec); 
    } else { 
        opacity(id, 100, 0, millisec); 
    } 
} 

function blendimage(divid, imageid, imagefile, millisec) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
    //set the current image as background 
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
     
    //make image transparent 
    changeOpac(0, imageid); 
     
    //make new image 
    document.getElementById(imageid).src = imagefile; 

    //fade in image 
    for(i = 0; i <= 100; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++; 
    } 
} 

function currentOpac(id, opacEnd, millisec) { 
    //standard opacity is 100 
    var currentOpac = 100; 
     
    //if the element has an opacity set, get it 
    if(document.getElementById(id).style.opacity < 100) { 
        currentOpac = document.getElementById(id).style.opacity * 100; 
    } 

    //call for the function that changes the opacity 
    opacity(id, currentOpac, opacEnd, millisec) 
}