//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);