//global variables
var _fadingImages = [];
var _fadingAnimation = [];

//sets listeners
function setRolloverAnimations() {
    _fadingImages = getElementsByClassName(document, 'img', 'imgDefault');
    _listener = getElementsByClassName(document, 'img', 'fadeLink');
    for (i = 0; i < _fadingImages.length; i++) {
        _fadingAnimation[i] = new Animator({ duration: 350 });
        _fadingAnimation[i].addSubject(new NumericalStyleSubject(_fadingImages[i], 'opacity', 1, 0));
        attachEventListener(_listener[i], "mouseover", fadeAnimOn, false);
        attachEventListener(_listener[i], "mouseout", fadeAnimOff, false);
    }
}

function fadeAnimOn(e) {
    srcEl = Event.element(e);
    for (i = 0; i < _fadingImages.length; i++) {
        if (srcEl == _listener[i]) {
            _fadingAnimation[i].seekTo(1);
        }
    }
}

function fadeAnimOff(e) {
    srcEl = Event.element(e);
    for (i = 0; i < _fadingImages.length; i++) {
        if (srcEl == _listener[i]) {
            _fadingAnimation[i].seekTo(0);
        }
    }
}

function resetOpacity(bcgImage) {
    bcgImage.style.opacity = '';
    bcgImage.style.filter = '';
    bcgImage.style.MozOpacity = '';
    bcgImage.style.KhtmlOpacity = '';
}



/*==========================================================//
Create Banner Animations 
//==========================================================*/
var _fadingBannerDivs = [];
var _fadingBannerAnimation;
var bannerDiv1;
var bannerDiv2;
var curBannerItem = 0;

function setBannerAnimations() {
    var bannerContainer = getElementsByClassName(document, 'div', 'insuranceInfoChanger')[0];

    //Get all the banner items and place them in the image and div arrays
    for (i = 0; i < 9; i++) {
        _fadingBannerDivs[i] = getElementsByClassName(bannerContainer, 'div', 'bannerPanel')[i];
    }

    //Get the cross-fade divs for images and text 	
    bannerDiv1 = getElementsByClassName(bannerContainer, 'div', 'fadingBannerText1')[0];
    bannerDiv2 = getElementsByClassName(bannerContainer, 'div', 'fadingBannerText2')[0];

    bannerDiv1.style.display = "block";
    bannerDiv2.style.display = "none";

    //Hide current showing banner items
    _fadingBannerDivs[0].style.display = "none";

    //copy first banner items and images across to the showing cross-fade divs
    bannerDiv1.innerHTML = _fadingBannerDivs[0].innerHTML;


    //set cross-fade animation
    _fadingBannerAnimation = new Animator({ duration: 350, onComplete: function() { fadeComplete(); } });
    _fadingBannerAnimation.addSubject(new NumericalStyleSubject(bannerDiv1, 'opacity', 1, 1));
    _fadingBannerAnimation.addSubject(new NumericalStyleSubject(bannerDiv2, 'opacity', 0, 1));

    //ensure top cross-fade div is showing and bottom is hidden
    _fadingBannerAnimation.jumpTo(0);
}

function fadeInBannerItem(itemNumber) {
    if (_fadingBannerAnimation.state == 0) {
        bannerDiv2.style.display = "block";
        bannerDiv2.innerHTML = _fadingBannerDivs[itemNumber].innerHTML;
        _fadingBannerAnimation.seekTo(1);
        curBannerItem = itemNumber;
    }
}

function fadeComplete() {
    bannerDiv1.innerHTML = bannerDiv2.innerHTML;
    bannerDiv2.innerHTML = "";

    _fadingBannerAnimation.jumpTo(0);
    bannerDiv2.style.display = "none";
}


/*==========================================================//
Functions to be completed on page load
//==========================================================*/
function pageIni() {
    setRolloverAnimations();
    //setBannerAnimations();	
}
//addLoadListener(pageIni);