function preloadImages(preloadAry) {
    // counter
    var i = 0;
    // create object
    var imageObj = new Image();
    // start preloading
    for (i = 0; i <= 3; i++) {
        imageObj.src = preloadAry[i];
    }
    imageObj = null;
}
function setBannerImage(idx) {
    var bannerImage = document.getElementById("bannerImage");
    bannerImage.src = bannerAry[idx];
    var bannerHref = document.getElementById("bannerHref");
    bannerHref.href = linkAry[idx];
    setPagerLink(idx);

    //assign the image map name to the image if it is not empty
    var mapName = mapNameAry[idx];
    if (mapName != "")
        bannerImage.useMap = "#" + mapName;

    bannerImage.setAttribute("alt", altTextAry[idx]);

    if (linkAry[idx].indexOf("http") > -1 && linkAry[idx].indexOf("javascript:") == -1)
        bannerHref.target = "_blank";
    else
        bannerHref.target = "";
}
function initBanner() {
   
    buildPages();
    setBannerImage(curBannerIdx);
    if (timerId > 0)
        window.clearInterval(timerId);
    timerId = window.setInterval(rotateBanner, 8000);
}
function buildPages() {
    document.getElementById('bannerPager').innerHTML = ""
    var bannerPager = document.getElementById("bannerPager");
    for (var i = 0; i < bannerAry.length; i++) {
        var link = document.createElement("a");
        link.id = "homeRotatorControlPageLink" + i;
        link.className = "homeRotatorControlPageLink";
        link.href = "javascript:displayBanner(" + i + ")";
        link.appendChild(document.createTextNode((i + 1)));
        bannerPager.appendChild(link);
    }
}
function displayBanner(index) {
    if (index > -1 && index < bannerAry.length) {
        if (timerId > 0)
            window.clearInterval(timerId);
                
        clearPagerLink(curBannerIdx);
        curBannerIdx = index;
        setBannerImage(curBannerIdx);
        
        timerId = window.setInterval(rotateBanner, 8000);
    }
}
function rotateBanner() {
    clearPagerLink(curBannerIdx);
    
    if (curBannerIdx + 1 < bannerAry.length)
        curBannerIdx++;
    else
        curBannerIdx = 0;

    setBannerImage(curBannerIdx);
}
function forwardBanner() {
    if (timerId > 0)
        window.clearInterval(timerId);

    rotateBanner();
    var pausePlayImage = document.getElementById("pausePlayImage");
    pausePlayImage.src = pauseImage;
    timerId = window.setInterval(rotateBanner, 8000);
}
function pauseBanner() {
    if (timerId > 0)
        window.clearInterval(timerId);
}
function rewindBanner() {
    if (timerId > 0)
        window.clearInterval(timerId);

    clearPagerLink(curBannerIdx);

    if (curBannerIdx == 0)
        curBannerIdx = bannerAry.length - 1;
    else
        curBannerIdx--;

    setBannerImage(curBannerIdx);
    var pausePlayImage = document.getElementById("pausePlayImage");
    pausePlayImage.src = pauseImage;
    timerId = window.setInterval(rotateBanner, 8000);
}
function toggleBanner(e) {
    if (!e)
        e = event;

    var pausePlayImage = document.getElementById("pausePlayImage");
    if (pauseBanner && e) {
        var imgElement = (e.srcElement) ? e.srcElement : e.target;
        if (imgElement.alt.indexOf("pause") > -1) {
            pauseBanner();
            pausePlayImage.src = playImage;
            pausePlayImage.alt = "play";
        }
        else {
            initBanner();
            pausePlayImage.src = pauseImage;
            pausePlayImage.alt = "pause";
        }
    }
}
function clearPagerLink(oldIndex) {
    var link = document.getElementById("homeRotatorControlPageLink" + oldIndex);
    if (link) {
        link.className = "homeRotatorControlPageLink";
    }
}
function setPagerLink(newIndex) {
    var link = document.getElementById("homeRotatorControlPageLink" + newIndex);
    if (link) {
        link.blur();
        link.className = "homeRotatorControlPageLinkSelected";
    }
}