if (typeof(imgRotationSpeed)=="undefined") imgRotationSpeed = 10000;
navDivBGOpacity = 0.0;
imgRotationInterval = null
imgRotationImg = 0;
imgRotationImgList = [];
imgRotationNavList = [];

var imgRot_oldOnload = window.onload;
window.onload = function () {
    if (imgRot_oldOnload) imgRot_oldOnload();
    imgRotationImgList = $$('#imgRotation li');
    imgRotationNavList = $$('#imgRotation li.nav a');

    //check nav list, since imglist contains li.nav
    if (imgRotationNavList.length > 1) {
        setupNav();
        imgRotationImgList[0].removeClass("selected");

        for (var i = 0; i < imgRotationImgList.length - 1; i++) {
            imgRotationImgList[i].set('opacity', 0); //((i == 0) ? 1 : 0));
        }
        imgRotationNavList[0].addClass("selected");  //select first nav item
        imgRotationImgList[0].morph({
            opacity: 1,
            duration: 2000
        });

        /*var nav = $$('#imgRotation li.nav div')[0];
        nav.style.background = "transparent";
        var navbg = document.createElement('div');
        nav.appendChild(navbg);
        navbg.style.background = "white";
        */
        $$('#imgRotation li.nav div')[0].set('opacity', navDivBGOpacity);

        imgRotationInterval = setInterval("rotateNextImage()", imgRotationSpeed);

    }
    //else only 1 img image, nav is hidden by default.

}

function rotatePrevImage(clear) {
    clear = ($defined(clear)) ? clear : false;
    if (clear) clearInterval(imgRotationInterval);
    if (imgRotationImg == 0) {
        rotateToIdx($$('ul#imgRotation li').length - 2);
    } else {
        rotateToIdx((imgRotationImg - 1) % ($$('ul#imgRotation li').length - 1));
    }
}

function rotateNextImage(clear) {
    clear = ($defined(clear)) ? clear : false;
    if (clear) clearInterval(imgRotationInterval);
    rotateToIdx((imgRotationImg + 1) % ($$('ul#imgRotation li').length - 1));
}

function rotateToIdx(idx) {
    if (idx != imgRotationImg) {
        oldIdx = imgRotationImg;
        imgRotationImg = idx;

        //cross fade main img
        $$('#imgRotation li')[oldIdx].morph({
            opacity: 0,
            duration: 2000
        });   //
        $$('#imgRotation li')[imgRotationImg].morph({
            opacity: 1,
            duration: 2000
        });

        //update nav
        imgRotationNavList[oldIdx].removeClass("selected");
        imgRotationNavList[imgRotationImg].addClass("selected");

    }
}

function setupNav() {
    imgRotationImgList[imgRotationImgList.length - 1].addClass("selected");  // show nav

    for (var i = 0; i < imgRotationNavList.length; i++) {
        imgRotationNavList[i].idx = i;  //remember index so we don't have to look it up later
        imgRotationNavList[i].style.cursor = "pointer";
        imgRotationNavList[i].addEvents({
            'click': function () {
                clearInterval(imgRotationInterval);
                eval("rotateToIdx(" + this.idx + ");");
            }
        });
    }

}