var currentimage = 1;
var intervalID = 0;
var RotatateIntervalID = 0;
var MousedOver = 0;

var value = 100;
var plus = 0;
var minus = 1;
var imageObj = new Array(6);
var imageObj2 = new Array(6);
var OverlayImage;
var leavingSmall;
var arrivingSmall;
var newImage;

function InitImages() {
    var i = 0;
    for (i = 0; i <=5; i++) {
        imageObj[i] = new Image();
        imageObj2[i] = new Image();
        imageObj[i].src = myImagePath + mySmallImages[i];
        imageObj2[i].src = myImagePath + myLargeImages[i];
    }
    var tmp = document.getElementById("small1");
    tmp.src = myImagePath + mySmallImages[0];
    if (tmp.filters && tmp.filters.alpha)
        tmp.filters.alpha.opacity = 100;
    else {
        tmp.style.MozOpacity = 1.0;
        tmp.style.opacity = 1.0;
    }
    for ( i=2; i<=6; i++) {
        tmp = document.getElementById("small" + i);
        tmp.src = myImagePath + mySmallImages[i - 1];
        if (tmp.filters && tmp.filters.alpha)
            tmp.filters.alpha.opacity = 25;
        else {
            tmp.style.MozOpacity = 0.25;
            tmp.style.opacity = 0.25;
        }
    }
    //  StartRotation();
    PostionBackImage();
    RotatateIntervalID = setTimeout("RotateImage()", slide_interval);
}
function ShowImage(i) {
    var j;  // reset all small images first
    for (j = 1; j <= 6; j++) {
        if (j != i)
            SetOpacity(document.getElementById("small" + j), 25);
    }
    newImage = i;
    leavingSmall = document.getElementById("small" + currentimage);
    arrivingSmall = document.getElementById("small" + i);

    if (i != currentimage) {
        OverlayImage.src = myImagePath + myLargeImages[currentimage - 1];
        OverlayImage.style.display = "BLOCK";
        PostionBackImage();
        currentimage = i;
        SetOpacity(OverlayImage, 100);
        document.getElementById("LargeImg").src = myImagePath + myLargeImages[i - 1];
        intervalID = setTimeout("FadeEffect()", fade_step_delay_ms);
    } else
        currentimage = i;
}

function GotoCurrentHRef() {
    window.location.href = myHRefs[currentimage - 1];
}

function SetOpacity(tmp, i) {
    if (tmp.filters && tmp.filters.alpha)
        // IE.
        tmp.filters.alpha.opacity = i;
    else {
        // FireFox
        tmp.style.MozOpacity = (i / 100.0);
        // Chrome and other CSS3
        tmp.style.opacity = (i / 100.0);
    }
}

function FadeEffect() {
    var lrgimg = document.getElementById("LargeImg");
            
    if (MousedOver) {
        lrgimg.src = myImagePath + myLargeImages[newImage - 1];
        SetOpacity(lrgimg, 100);
        SetOpacity(OverlayImage, 0);
        SetOpacity(leavingSmall, 25);
        SetOpacity(arrivingSmall, 100);
        value = 100;
    } else {
        var fade_to = Math.max(value, 25);
        SetOpacity(arrivingSmall, Math.max(100 - value, 25));
        SetOpacity(leavingSmall, fade_to);
        if (value >= fade_step_percent) {
            value -= fade_step_percent;
            SetOpacity(lrgimg, 100 - value);
            SetOpacity(OverlayImage, value);
            intervalID = setTimeout("FadeEffect()", fade_step_delay_ms);
        } else {
            SetOpacity(lrgimg, 100);
            SetOpacity(leavingSmall, 25);
            SetOpacity(arrivingSmall, 100);
            OverlayImage.style.display = "None";
            SetOpacity(OverlayImage, 100);
            value = 100;
        }
    }
}



function RotateImage() {
    if (currentimage < 6)
        ShowImage(currentimage + 1);
    else
        ShowImage(1);
    RotatateIntervalID = setTimeout("RotateImage()", slide_interval);
}

function StartRotation() {
    if (MousedOver == 0) {
        if (RotatateIntervalID != 0)
            clearTimeout(RotatateIntervalID);
        RotatateIntervalID = setTimeout("RotateImage()", slide_interval);
    }
}

function StopRotation() {
    clearTimeout(RotatateIntervalID);
    RotatateIntervalID = 0;
}
function findPosX(obj) {
    var curleft = 0;
    if (obj.offsetParent)
        while (1) {
        curleft += obj.offsetLeft;
        if (!obj.offsetParent)
            break;
        obj = obj.offsetParent;
    }
    else if (obj.x)
        curleft += obj.x;
    return curleft;
}

function findPosY(obj) {
    var curtop = 0;
    if (obj.offsetParent)
        while (1) {
        curtop += obj.offsetTop;
        if (!obj.offsetParent)
            break;
        obj = obj.offsetParent;
    }
    else if (obj.y)
        curtop += obj.y;
    return curtop;
}

function PostionBackImage() {
    var tmp = document.getElementById("LargeImg");
    var iTop = findPosY(tmp);
    var iLeft = findPosX(tmp);
    OverlayImage = document.getElementById("OverlayImage");
//    OverlayImage.style.top = '224px';
//    OverlayImage.style.left = '145px';
    OverlayImage.style.top = iTop + "px";
    OverlayImage.style.left = iLeft + "px";
}