//**********************************************************
//**********************************************************
//
// CODE TO REMEMBER WHEN USING
// <script type="text/javascript">
//     var imgsToDisplay = '';
// </script>
// <script language="javascript" type="text/javascript" src="[SCRIPT PATH]/ImageRotation.js"></script>
//
//**********************************************************
//**********************************************************

var imgCont = document.getElementById("imgContainer");
var totalNumberOfImages = 0;
var doRotate = false;
var imgSplit = "";

var fadeInCounter = 0;
var fadeInIntervalId = 0;
var fadeOutCounter = 100;
var fadeOutIntervalId = 0;

var startIntervalId = 0;
var startId = -1;

if (imgsToDisplay.indexOf(',') != -1){
    imgSplit = imgsToDisplay.split(',');
    if (imgSplit.length > 1){
        doRotate = true;
        imgCount = 0;
        for(var i = 0; i < imgSplit.length; i++){
            if (imgSplit[i] != ""){
                imgCount++;
                var imgCreatedObject = GenerateImages(imgSplit[i]);
                imgCreatedObject.id = "img_" + i;
                imgCreatedObject.name = "img_" + i;
            }
        }
        
        totalNumberOfImages = imgCount;
        RotateImages();
    }
}else{
    GenerateImages(imgsToDisplay);
    totalNumberOfImages = 1;
}

function GenerateImages(fileName){
    var imgObj = document.createElement("IMG");
    imgObj.src = imgsPath + fileName;
    imgObj.style.position = "absolute";
    
    if (doRotate){
        imgObj.style.display = "";
        if (window.sidebar != undefined){
            imgObj.style.MozOpacity = "0";
        }else{
            imgObj.style.filter = "alpha(opacity=0)";
        }
    }
    
    imgCont.appendChild(imgObj);
    
    return imgObj;
}

function RotateImages(){
    ViewFirstImage();
    startIntervalId = setTimeout('Start()', 5000);
}

function ViewFirstImage(){
    var firstImg = document.getElementById("img_0");
    if (firstImg != undefined){
        firstImg.style.display = "";
        if (window.sidebar != undefined){
            firstImg.style.MozOpacity = "1";
        }else{
            firstImg.style.filter = "alpha(opacity=100)";
        }
    }
}

function Start(){
    startId = startId + 1;
    FadeOut(startId);
    if ((startId + 1) == totalNumberOfImages){
        startId = -1;
        FadeIn(0);
    }else{
        FadeIn(startId + 1);
    }
    
    startIntervalId = setTimeout('Start()', 5000);
}

function FadeOut(imgId){
    var imgObj = document.getElementById("img_" + imgId);
    if (imgObj != undefined){
        if (fadeOutCounter > 0){
            fadeOutCounter = fadeOutCounter - 10;
            
            if (window.sidebar != undefined){
                imgObj.style.MozOpacity = (fadeOutCounter / 100);
            }else{
                imgObj.style.filter = "alpha(opacity=" + fadeOutCounter + ")";
            }
            
            fadeOutIntervalId = setTimeout('FadeOut("' + imgId + '")', 50);
        }else{
            imgObj.style.display = "none";
            fadeOutCounter = 100;
            clearTimeout(fadeOutIntervalId);
        }
    }
}

function FadeIn(imgId){
    var imgObj = document.getElementById("img_" + imgId);
    if (imgObj != undefined){
        imgObj.style.display = "";
        if (fadeInCounter < 100){
            fadeInCounter = fadeInCounter + 10;
            
            if (window.sidebar != undefined){
                imgObj.style.MozOpacity = (fadeInCounter / 100);
            }else{
                imgObj.style.filter = "alpha(opacity=" + fadeInCounter + ")";
            }
            
            fadeInIntervalId = setTimeout('FadeIn("' + imgId + '")', 50);
        }else{
            fadeInCounter = 0;
            clearTimeout(fadeInIntervalId);
        }
    }
}