var SlideDuration = 6000; //ms = HOW LONG IMAGE IS DISPLAYED
var EffectDurartion = 0; //ms = TRANSITION TIME (LARGER = SLOWER EFFECT)
var FadePercent = 5; //PECENTAGE FADE PER CYCLE
var OppFade = .05; // FADE PER CYCLE (0.01 - 0.1)
var OppEffectDurartion = 100; //ms = TRANSITION TIME (LARGER = SLOWER EFFECT)
var NumberOfImagesvar;
var RandomNumber;
var OldNumber = 999;
var ImageDivName;
var ImageName0;
var ImageName1;
var ImageOpacity0;
var ImageOpacity1;
var ImageMozOpacity0;
var ImageMozOpacity1;
var ImagePath0var;
var ImagePath1var;

window.onload = browser_check;

function browser_check() {    
    if ((navigator.appName == 'Microsoft Internet Explorer') && (navigator.userAgent.toLowerCase().indexOf('msie') > -1)) {
            //document.getElementById("BrowserID").innerHTML = "IE";
            SetNumberImages();
            FadeImages00();
        } 
    else if (navigator.appName == 'Netscape') {
        if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
            //document.getElementById("BrowserID").innerHTML = "FireFox";
            SetNumberImages();
            OPPFadeImages00();
            }
        else if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
            //document.getElementById("BrowserID").innerHTML = "Chrome";              
            SetNumberImages();
            OPPFadeImages00(); 
            }
        else if (navigator.userAgent.toLowerCase().indexOf('safari') > -1) {
            //document.getElementById("BrowserID").innerHTML = "Safari";
            SetNumberImages();
            OPPFadeImages00();              
            }
        else {
            //document.getElementById("BrowserID").innerHTML = "Netscape";
            SetNumberImages();
            OPPFadeImages00();             
            }                 
    }
    else {
        //document.getElementById("BrowserID").innerHTML = "NONE";
        SetNumberImages();
        OPPFadeImages00();         
    }      
}

//SET NUMBER OF IMAGES//
function SetNumberImages() {
    NumberOfImages = document.getElementById("ImageCountdiv").innerHTML
    NumberOfImagesvar = NumberOfImages
    //document.getElementById("ImageCounter").innerHTML = ImageCounttxt

}
//***SCRIPT FOR IE - USES ALPHA***
//SET FIRST IMAGES
function FadeImages00() {

    RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);

    ImagePath0Div = "ImagePathDiv" + RandomNumber;

    ImagePath0var = document.getElementById(ImagePath0Div).innerHTML

    document.getElementById("FadeImageHolder0").src = ImagePath0var

    document.getElementById("FadeImageHolder0").style.filter = 'alpha(opacity=100';

    //document.getElementById("RandomNumber0").innerHTML = RandomNumber + " - " + ImagePath0var

    OldNumber = RandomNumber;

    RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);

    while (RandomNumber == OldNumber) {
        RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);
    }

    ImagePath1Div = "ImagePathDiv" + RandomNumber;

    ImagePath1var = document.getElementById(ImagePath1Div).innerHTML

    document.getElementById("FadeImageHolder1").src = ImagePath1var

    document.getElementById("FadeImageHolder1").style.filter = 'alpha(opacity=0';


    //document.getElementById("RandomNumber1").innerHTML = RandomNumber + " - " + ImagePath1var

    Image0Opacity = 100 - FadePercent
    Image1Opacity = 0 + FadePercent
    
    setTimeout(FadeImages01, SlideDuration);

}
//FADE IMAGE 0 OUT AND IMAGE 1 IN
function FadeImages01() {

    document.getElementById("FadeImageHolder0").style.filter = 'alpha(opacity=' + Image0Opacity;
    document.getElementById("FadeImageHolder1").style.filter = 'alpha(opacity=' + Image1Opacity;

    if (Image0Opacity > 0) {
        setTimeout(FadeImages01, EffectDurartion);
        Image0Opacity -= FadePercent
        Image1Opacity += FadePercent
    }
    else {
        FadeImages02();
    }

}

//SET NEW IMAGE 0
function FadeImages02() {

    RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);

    while (RandomNumber == OldNumber) {
        RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);
    }

    OldNumber = RandomNumber

    ImagePath0Div = "ImagePathDiv" + RandomNumber;

    ImagePath0var = document.getElementById(ImagePath0Div).innerHTML

    document.getElementById("FadeImageHolder0").src = ImagePath0var

    document.getElementById("FadeImageHolder0").style.filter = 'alpha(opacity=0';

    //document.getElementById("RandomNumber0").innerHTML = RandomNumber + " - " + ImagePath0var

    Image1Opacity = 100 - FadePercent
    Image0Opacity = 0 + FadePercent

    setTimeout(FadeImages03, SlideDuration);

}

//FADE IMAGE 0 IN AND IMAGE 1 OUT
function FadeImages03() {

    document.getElementById("FadeImageHolder0").style.filter = 'alpha(opacity=' + Image0Opacity;
    document.getElementById("FadeImageHolder1").style.filter = 'alpha(opacity=' + Image1Opacity;

    if (Image1Opacity > 0) {
        setTimeout(FadeImages03, EffectDurartion);
        Image0Opacity += FadePercent
        Image1Opacity -= FadePercent
    }
    else {
        FadeImages04();
    }

}

//SET NEW IMAGE 1
function FadeImages04() {

    RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);

    while (RandomNumber == OldNumber) {
        RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);
    }

    OldNumber = RandomNumber

    ImagePath1Div = "ImagePathDiv" + RandomNumber;

    ImagePath1var = document.getElementById(ImagePath1Div).innerHTML

    document.getElementById("FadeImageHolder1").src = ImagePath1var

    document.getElementById("FadeImageHolder1").style.filter = 'alpha(opacity=0';

    //document.getElementById("RandomNumber1").innerHTML = RandomNumber + " - " + ImagePath1var

    Image0Opacity = 100 - FadePercent
    Image1Opacity = 0 + FadePercent

    setTimeout(FadeImages01, SlideDuration);

}



// ******************************************************************************************************************




//*** SCRIPT FOR OTHER BROWSERS - USES OPACITY ***

function OPPFadeImages00() {

    RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);

    ImagePath0Div = "ImagePathDiv" + RandomNumber;

    ImagePath0var = document.getElementById(ImagePath0Div).innerHTML

    document.getElementById("FadeImageHolder0").src = ImagePath0var

    document.getElementById("FadeImageHolder0").style.opacity = 1

    //document.getElementById("RandomNumber0").innerHTML = RandomNumber + " - " + ImagePath0var

    OldNumber = RandomNumber;

    RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);

    while (RandomNumber == OldNumber) {
        RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);
    }

    ImagePath1Div = "ImagePathDiv" + RandomNumber;

    ImagePath1var = document.getElementById(ImagePath1Div).innerHTML

    document.getElementById("FadeImageHolder1").src = ImagePath1var

    document.getElementById("FadeImageHolder0").style.opacity = 0

    //document.getElementById("RandomNumber1").innerHTML = RandomNumber + " - " + ImagePath1var


    Image0OppOpacity = 1 - OppFade
    Image1OppOpacity = 0 + OppFade

    OPPFadeImages001();

}   

//SET FIRST OPACITY
function OPPFadeImages001() {
    document.getElementById("FadeImageHolder0").style.opacity = 1
    document.getElementById("FadeImageHolder1").style.opacity = 0
    setTimeout(OPPFadeImages01, SlideDuration);
}


//FADE IMAGE 0 OUT AND IMAGE 1 IN
function OPPFadeImages01() {

    document.getElementById("FadeImageHolder0").style.opacity = Image0OppOpacity
    document.getElementById("FadeImageHolder1").style.opacity = Image1OppOpacity

    if (Image0OppOpacity > 0) {        
        Image0OppOpacity -= OppFade
        Image1OppOpacity += OppFade
        setTimeout(OPPFadeImages01, OppEffectDurartion);
    }
    else {
        OPPFadeImages02();
    }

}

//SET NEW IMAGE 0
function OPPFadeImages02() {

    RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);

    while (RandomNumber == OldNumber) {
        RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);
    }

    OldNumber = RandomNumber

    ImagePath0Div = "ImagePathDiv" + RandomNumber;

    ImagePath0var = document.getElementById(ImagePath0Div).innerHTML

    document.getElementById("FadeImageHolder0").src = ImagePath0var

    document.getElementById("FadeImageHolder0").style.opacity = 0

    //document.getElementById("RandomNumber0").innerHTML = RandomNumber + " - " + ImagePath0var

    Image1OppOpacity = 1 - OppFade
    Image0OppOpacity = 0 + OppFade

    setTimeout(OPPFadeImages03, SlideDuration);

}

//FADE IMAGE 0 IN AND IMAGE 1 OUT
function OPPFadeImages03() {

    document.getElementById("FadeImageHolder0").style.opacity = Image0OppOpacity
    document.getElementById("FadeImageHolder1").style.opacity = Image1OppOpacity

    if (Image1OppOpacity > 0) {
        setTimeout(OPPFadeImages03, OppEffectDurartion);
        Image0OppOpacity += OppFade
        Image1OppOpacity -= OppFade
    }
    else {
        OPPFadeImages04();
    }

}

//SET NEW IMAGE 1
function OPPFadeImages04() {

    RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);

    while (RandomNumber == OldNumber) {
        RandomNumber = Math.floor(Math.random() * NumberOfImagesvar);
    }

    OldNumber = RandomNumber

    ImagePath1Div = "ImagePathDiv" + RandomNumber;

    ImagePath1var = document.getElementById(ImagePath1Div).innerHTML

    document.getElementById("FadeImageHolder1").src = ImagePath1var

    document.getElementById("FadeImageHolder1").style.opacity = 0

    //document.getElementById("RandomNumber1").innerHTML = RandomNumber + " - " + ImagePath1var

    Image0OppOpacity = 1 - OppFade
    Image1OppOpacity = 0 + OppFade

    setTimeout(OPPFadeImages01, SlideDuration);

}