// Browser Slide-Show script. With image cross fade effect for those browsers
// that support it.
// Script copyright (C) 2004-2010 www.cryer.co.uk.
// Script is free to use provided this copyright header is included.
var FadeDurationMS = 1000;
var kk = 1;
var FutureII= "";
function SetOpacity(object, opacityPct) {
    // IE.
    object.style.filter = 'alpha(opacity=' + opacityPct + ')';
    // Old mozilla and firefox
    object.style.MozOpacity = opacityPct / 100;
    // Everything else.
    object.style.opacity = opacityPct / 100;
}
function ChangeOpacity(id, msDuration, msStart, fromO, toO) {
    var element = document.getElementById(id);
    var msNow = (new Date()).getTime();
    var opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
    if (opacity >= 100) {
        SetOpacity(element, 100);
        element.timer = undefined;
    }
    else if (opacity <= 0) {
        SetOpacity(element, 0);
        element.timer = undefined;
    }
    else {
        SetOpacity(element, opacity);
        element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")", 10);
    }
}
function FadeInImage(foregroundID, newImage, backgroundID) {
    var foreground = document.getElementById(foregroundID);
    if (foreground.timer) window.clearTimeout(foreground.timer);
    if (backgroundID) {
        var background = document.getElementById(backgroundID);
        if (background) {
            if (background.src) {
                foreground.src = background.src;
                SetOpacity(foreground, 100);
            }
            background.src = newImage;

            if (newImage == "images/slideshows/AmplifyEHR.png" || newImage == "../content/images/slideshows/AmplifyEHR.png") {

                document.getElementById("area2").coords = "151, 181, 260, 207";
                document.getElementById("area1").coords = "0, 0, 0, 0";
                document.getElementById("area3").coords = "0, 0, 0, 0";
                document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/select.png)";
                document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";
               



            }

            else if (newImage == "images/slideshows/ONC.png" || newImage == "../content/images/slideshows/ONC.png") {

                document.getElementById("area1").coords = "345,249,450,272";
                document.getElementById("area4").coords = "903,284,911,291";
                document.getElementById("area5").coords = "885, 286, 897, 291";
                document.getElementById("area6").coords = "918,283,926,292";
                document.getElementById("area7").coords = "932,283,943,292";
                document.getElementById("area8").coords = "948,284,958,291";
                document.getElementById("area9").coords = "963,284,972,292";

                document.getElementById("area2").coords = "0, 0, 0, 0";
                document.getElementById("area3").coords = "0, 0, 0, 0";
                document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/select.png)";
            }

            else if (newImage == "images/Usergroup.png" || newImage == "../content/images/Usergroup.png") {


                document.getElementById("area3").coords = "1,1,978,264";
                document.getElementById("area1").coords = "0, 0, 0, 0";
                document.getElementById("area2").coords = "0, 0, 0, 0";
                document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/select.png)";
                document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";
            }

            else if (newImage == "images/slideshows/3.png" || newImage == "../content/images/slideshows/3.png") {

                document.getElementById("area1").coords = "0, 0, 0, 0";
                document.getElementById("area2").coords = "0, 0, 0, 0";
                document.getElementById("area3").coords = "0, 0, 0, 0";
                document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/select.png)";
                document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";

            }

            else if (newImage == "images/slideshows/4.png" || newImage == "../content/images/slideshows/4.png") {

                document.getElementById("area1").coords = "0, 0, 0, 0";
                document.getElementById("area2").coords = "0, 0, 0, 0";
                document.getElementById("area3").coords = "0, 0, 0, 0";
                document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/select.png)";
                document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";

            }

            else if (newImage == "images/slideshows/5.png" || newImage == "../content/images/slideshows/5.png") {

                document.getElementById("area1").coords = "0, 0, 0, 0";
                document.getElementById("area2").coords = "0, 0, 0, 0";
                document.getElementById("area3").coords = "0, 0, 0, 0";
                document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
                document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/select.png)";

            }
            background.style.backgroundImage = 'url(' + newImage + ')';
            background.style.backgroundRepeat = 'no-repeat';
            var startMS = (new Date()).getTime();
            foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "'," + FadeDurationMS + "," + startMS + ",100,0)", 10);
        }
    } else {
        //foreground.src = newImage;
    }
}
var slideCache = new Array();
function RunSlideShow(pictureID, backgroundID, imageFiles, displaySecs) {
    if (kk == "2") {
        imageFiles = FutureII;
        kk = 1;
    }
    var imageSeparator = imageFiles.indexOf(";");
    var nextImage = imageFiles.substring(0, imageSeparator);
    if (slideCache[nextImage] && slideCache[nextImage].loaded) {
        FadeInImage(pictureID, nextImage, backgroundID);
        var futureImages = imageFiles.substring(imageSeparator + 1, imageFiles.length)
			+ ';' + nextImage;
        setTimeout("RunSlideShow('" + pictureID + "','" + backgroundID + "','" + futureImages + "'," + displaySecs + ")",
			displaySecs * 800);
        // Identify the next image to cache.
        imageSeparator = futureImages.indexOf(";");
        nextImage = futureImages.substring(0, imageSeparator);
    } else {
        setTimeout("RunSlideShow('" + pictureID + "','" + backgroundID + "','" + imageFiles + "'," + displaySecs + ")",
			5000);
    }
    // Cache the next image to improve performance.
    if (slideCache[nextImage] == null) {
        slideCache[nextImage] = new Image;
        slideCache[nextImage].loaded = false;
        slideCache[nextImage].onload = function () { this.loaded = true };
        slideCache[nextImage].src = nextImage;



    }



}

// SlidShow Bottom pointer Div " Select the slid"

function SelectBottomSlid(DivInfo) {
   

    if (DivInfo == 1) {

        
        document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/select.png)";
        document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
        nextImage = "../content/images/Usergroup.png";
        //alert(imageFiles);
      //  RunSlideShow('EmilyPicture', 'EmilyPictureBackground', imageFiles, 10)
        kk = 2;
        FutureII = "../content/images/slideshows/ONC.png;../content/images/slideshows/AmplifyEHR.png;../content/images/slideshows/3.png;../content/images/slideshows/4.png;../content/images/slideshows/5.png;"
	+ "../content/images/Usergroup.png";
        FadeInImage('EmilyPicture', nextImage, 'EmilyPictureBackground');
//        var imageFiles=""
//        var futureImages = imageFiles.substring(imageSeparator + 1, imageFiles.length)
//			+ ';' + nextImage;
//        setTimeout("RunSlideShow('" + pictureID + "','" + backgroundID + "','" + futureImages + "'," + displaySecs + ")",
//			displaySecs * 800);
//        newImage == "images/Usergroup.png";
//        background.src = newImage;

//      
//        setTimeout("RunSlideShow('" + pictureID + "','" + backgroundID + "','" + imageFiles + "'," + displaySecs + ")",
//			5000);

    }

    if (DivInfo == 2) {

        document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/select.png)";
        document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
        nextImage = "../content/images/slideshows/ONC.png";
        //alert(imageFiles);
        //  RunSlideShow('EmilyPicture', 'EmilyPictureBackground', imageFiles, 10)
        kk = 2;
        FutureII = "../content/images/slideshows/AmplifyEHR.png;../content/images/slideshows/3.png;../content/images/slideshows/4.png;../content/images/slideshows/5.png;../content/images/Usergroup.png;"
	+ "../content/images/slideshows/ONC.png";
        FadeInImage('EmilyPicture', nextImage, 'EmilyPictureBackground');
    }

    if (DivInfo == 3) {

        document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/select.png)";
        document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
        nextImage = "../content/images/slideshows/AmplifyEHR.png";
        //alert(imageFiles);
        //  RunSlideShow('EmilyPicture', 'EmilyPictureBackground', imageFiles, 10)
        kk = 2;
        FutureII = "../content/images/slideshows/3.png;../content/images/slideshows/4.png;../content/images/slideshows/5.png;../content/images/Usergroup.png;../content/images/slideshows/ONC.png;"
	+ "../content/images/slideshows/AmplifyEHR.png";
        FadeInImage('EmilyPicture', nextImage, 'EmilyPictureBackground');
    }

    if (DivInfo == 4) {

        document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/select.png)";
        document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
        nextImage = "../content/images/slideshows/3.png";
        //alert(imageFiles);
        //  RunSlideShow('EmilyPicture', 'EmilyPictureBackground', imageFiles, 10)
        kk = 2;
        FutureII = "../content/images/slideshows/4.png;../content/images/slideshows/5.png;../content/images/Usergroup.png;../content/images/slideshows/ONC.png;../content/images/slideshows/AmplifyEHR.png;"
	+ "../content/images/slideshows/3.png";
        FadeInImage('EmilyPicture', nextImage, 'EmilyPictureBackground');
    }

    if (DivInfo == 5) {

        document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/select.png)";
        document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
        nextImage = "../content/images/slideshows/4.png";
        //alert(imageFiles);
        //  RunSlideShow('EmilyPicture', 'EmilyPictureBackground', imageFiles, 10)
        kk = 2;
        FutureII = "../content/images/slideshows/5.png;../content/images/Usergroup.png;../content/images/slideshows/ONC.png;../content/images/slideshows/AmplifyEHR.png;../content/images/slideshows/3.png;"
	+ "../content/images/slideshows/4.png";
        FadeInImage('EmilyPicture', nextImage, 'EmilyPictureBackground');
    }

    if (DivInfo == 6) {

        document.getElementById("slidBottom6").style.backgroundImage = "url(../Content/images/select.png)";
        document.getElementById("slidBottom5").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom4").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom3").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom2").style.backgroundImage = "url(../Content/images/Unselect.png)";
        document.getElementById("slidBottom1").style.backgroundImage = "url(../Content/images/Unselect.png)";
        nextImage = "../content/images/slideshows/5.png";
        //alert(imageFiles);
        //  RunSlideShow('EmilyPicture', 'EmilyPictureBackground', imageFiles, 10)
        kk = 2;
        FutureII = "../content/images/Usergroup.png;../content/images/slideshows/ONC.png;../content/images/slideshows/AmplifyEHR.png;../content/images/slideshows/3.png;../content/images/slideshows/4.png;"
	+ "../content/images/slideshows/5.png";
        FadeInImage('EmilyPicture', nextImage, 'EmilyPictureBackground');
    }


}