var previousImageIndex;
var imageIndex = 1;
var imageCount = 0;
var fadeIndex = 0;
var fadeIncrement = 10;
var zIndex = 20;
var imageFadeIntervalID;
var cycleImagesIntervalID;
var usingPageingForImageCycle = true;

function cycleImages() {
    cycleImagesIntervalID = setInterval("fadeInNextImage()", 3500);
}
function fadeInNextImage() {
    previousImageIndex = imageIndex
    imageIndex = (imageIndex < imageCount) ? imageIndex + 1 : 1;
    
    if (usingPageingForImageCycle) {
        for (var i=1; i<=imageCount; i++) {
            if (i != imageIndex)
                document.getElementById("page" + i).className = "inner_top_right_page";
        }
        document.getElementById("page" + imageIndex).className = "inner_top_right_page_selected";
    }
    setOpacity(document.getElementById("image" + imageIndex), 0);
    document.getElementById("image" + previousImageIndex).style.zIndex = 30;  
    if (previousImageIndex == 1)
        document.getElementById("image" + imageCount).style.zIndex = 10; 
    else 
        document.getElementById("image" + (previousImageIndex - 1)).style.zIndex = 10; 
        
    document.getElementById("image" + imageIndex).style.zIndex = 40;
    imageFadeIntervalID = setInterval("crossFadeImages(" + previousImageIndex + "," + imageIndex + ")", 50);
}
function crossFadeImages(id1, id2) {
    fadeIndex += fadeIncrement
    if (fadeIndex > 100) {
        clearInterval(imageFadeIntervalID);
        fadeIndex = 0;
        setOpacity(document.getElementById("image" + id1), 0);
        return;
    } 
    setOpacity(document.getElementById("image" + id2), fadeIndex);  
}
function setOpacity(obj, opacity) {
    obj.style.filter = "alpha(opacity=" + opacity + ")";
    obj.style.opacity = opacity/100;
    obj.style.MozOpacity = opacity/100;
    obj.style.KhtmlOpacity = opacity/100;
}

function selectImage(index) {
    for (var i=1; i<=imageCount; i++) {
        if (i != index) {
            document.getElementById("image" + i).style.display = "none";
            if (usingPageingForImageCycle)
                document.getElementById("page" + i).className = "inner_top_right_page";
        }
    }
    
    setOpacity(document.getElementById("image" + index), 100)
    document.getElementById("image" + index).style.display = "inline";
    if (usingPageingForImageCycle)
        document.getElementById("page" + index).className = "inner_top_right_page_selected";
    clearInterval(imageFadeIntervalID);
    clearInterval(cycleImagesIntervalID);
    
}