var t;
var sT;
var t2=0;
var sTime=4000;
var fadeInTimer=20;
var fadeOutTimer=20;

var countIn=0;
var countOut=100;

var imgID="imgOne";
var imgID2="backImg";
var imgNum=0;
var numImages=6;
var maxImg=numImages-1;

var minOpac=5;

var imgSource=new Array(numImages);
imgSource[0]="images/SceneImg1.jpg";
imgSource[1]="images/SceneImg2.jpg";
imgSource[2]="images/SceneImg3.jpg";
imgSource[3]="images/SceneImg4.jpg";
imgSource[4]="images/SceneImg5.jpg";
imgSource[5]="images/SceneImg6.jpg";



var imgSource2=new Array(numImages);
imgSource2[0]="url(images/SceneImg1.jpg)";
imgSource2[1]="url(images/SceneImg2.jpg)";
imgSource2[2]="url(images/SceneImg3.jpg)";
imgSource2[3]="url(images/SceneImg4.jpg)";
imgSource2[4]="url(images/SceneImg5.jpg)";
imgSource2[5]="url(images/SceneImg6.jpg)";


function startFade(fade)
{

if (t2) {clearTimeout(t2);}

switch (fade) {
                    case 0:

                             t=window.setInterval("fadeIn()", fadeInTimer);
                              break;
                    case 1:
                             
                             t=window.setInterval("fadeOut()", fadeOutTimer);
                              break;


                  }
return;
}




function fadeIn()
{
++countIn;
if (countIn>100){clearInterval(t); countIn=minOpac; changeBackground(); t2=window.setTimeout("startFade(1)", sTime); return;}

document.getElementById(imgID).style.filter="alpha(opacity=" + countIn + ")";
document.getElementById(imgID).style.opacity=countIn/100;

return;
}

function fadeOut()
{

--countOut;
if (countOut<minOpac){clearInterval(t); countOut=100; sceneRotate(); changeBackground(); t2=window.setTimeout("startFade(1)", sTime); return;}

document.getElementById(imgID).style.filter="alpha(opacity=" + countOut + ")";
document.getElementById(imgID).style.opacity=countOut/100;

return;
}


function sceneRotate()
{

document.getElementById(imgID).src=imgSource[imgNum];
document.getElementById(imgID2).style.backgroundImage=imgSource2[imgNum];
document.getElementById(imgID).style.filter="alpha(opacity='100')";
document.getElementById(imgID).style.opacity=1;
}

function changeBackground()
{


imgNum=imgNum+1;
if (imgNum>maxImg) {imgNum=0;}

document.getElementById(imgID2).style.backgroundImage=imgSource2[imgNum];
}







