/*
	BULLSEYE ANIMATION CREATION LIBRARY
	Combining animator.js and various regularly used functions
*/

/*==========================================================//
	Background Image Cache
//==========================================================*/
try 
{
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}

/*==========================================================//
	Listener for the page to fully load
//==========================================================*/
function addLoadListener(fn)
{
	if(typeof window.addEventListener != 'undefined')
	{
		window.addEventListener('load',fn,false);
	}
	else if (typeof document.addEventListener != 'undefined')
	{
		document.addEventListener('load', fn, false);
	}
	else if (typeof window.attachEvent != 'undefined')
	{
		window.attachEvent('onload', fn);
	}
	else
	{
		var oldfn = window.onload;
		if(typeof window.onload != 'function')
		{
			window.onload = fn;
		}
		else
		{
			window.onload = function()
			{
				oldfn();
				fn();
			}
		}
	}
}

/*==========================================================//
	Add listeners on objects (multi-browser) 
//==========================================================*/
function attachEventListener(target, eventType, functionRef, capture){
	if(typeof target.addEventListener != "undefined"){ 
		target.addEventListener(eventType, functionRef, capture);
	}else if (typeof target.attachEvent != "undefined"){
		target.attachEvent("on" + eventType, functionRef);
	}else{
		eventType = "on" + eventType;
		if(typeof target [eventType] == "function"){
			var oldListener = target[eventType];
			target[eventType] = function(){
				oldListener();
				return functionRef;
			}
		}
		else {
			target[eventType] = functionRef;
		}
		
	}
	return true;
}

/*==========================================================//
	Get elements by class name (multi-browser)
//==========================================================*/
function getElementsByClassName(oElm, strTagName, oClassNames){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	var arrRegExpClassNames = new Array();
	if(typeof oClassNames == "object"){
		for(var i=0; i<oClassNames.length; i++){
			arrRegExpClassNames.push(new RegExp("(^|\s)" + oClassNames[i].replace(/-/g, "\-") + "(\s|$)"));
		}
	}
	else{
		arrRegExpClassNames.push(new RegExp("(^|\s)" + oClassNames.replace(/-/g, "\-") + "(\s|$)"));
	}
	var oElement;
	var bMatchesAll;
	for(var j=0; j<arrElements.length; j++){
		oElement = arrElements[j];
		bMatchesAll = true;
		for(var k=0; k<arrRegExpClassNames.length; k++){
			if(!arrRegExpClassNames[k].test(oElement.className)){
				bMatchesAll = false;
				break;
			}
		}
		if(bMatchesAll){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}

/*==========================================================//
	Get Integer value of a variable with "px"
//==========================================================*/
function getIntVal(daVar){
	daVar = daVar.substr(0, daVar.length -2);
	if(daVar.length <1){
		return 0;	
	}else{
		return parseInt(daVar);
	}
}

/*==========================================================//
	Create bar graph
//==========================================================*/
function hGraphIni(){
	_hGraphs = [];
	_hBars = [];
	_hBarAnim = [];
	
	_hGraphs = getElementsByClassName(document,'div','barGraphH');
		
	for(q=0; q<_hGraphs.length; q++){
		_hBarAnim[q] = new Animator({duration: 350});
		_hBars = getElementsByClassName(_hGraphs[q],'div','barCont');
		attachEventListener(_hGraphs[q],"click", drawGraph, false);	
		
		for(r=0; r<_hBars.length; r++){
			objRel = _hBars[r].getAttribute('rel');			
			_hBarAnim[q].addSubject(new NumericalStyleSubject(_hBars[r], 'width', 20, objRel));
			attachEventListener(_hBars[r],"click", drawGraph, false);
		}
			
	}
}

function drawGraph(e){
	srcEl = Event.element(e);
	
	for(p=0; p<_hGraphs.length; p++){
		if(_hGraphs[p]==srcEl||_hGraphs[p]==srcEl.parentNode||_hGraphs[p]==srcEl.parentNode.parentNode){
			if(_hBarAnim[p].target==0&&_hBarAnim[p].state!=1){
				//Checking state avoids simultaneous function calls from the bar and container. That would cancel out any movement.
				_hBarAnim[p].seekTo(1);
			}else if(_hBarAnim[p].target==1&&_hBarAnim[p].state!=0){
				//Seek back to original state may want to be disabled
				_hBarAnim[p].seekTo(0);
			}
		}
	}		
}


/*==========================================================//
	Create all rollover animations for images 
//==========================================================*/
var _fadingImages = [];
var _fadingAnimation = [];

function setRolloverAnimations(){
	_fadingImages = getElementsByClassName(document,'img','animBtn');
	for(i=0; i<_fadingImages.length; i++){
		objRel = _fadingImages[i].getAttribute('rel');
		if(objRel=="fadeBack"){
			_fadingAnimation[i] = [];
			
			_fadingAnimation[i][2] = new Animator({duration: 1000, onComplete: function(){nextChain(this.idNum, 3);}});
			_fadingAnimation[i][2].addSubject(new NumericalStyleSubject(_fadingImages[i], 'opacity', 0, 1));
			
			_fadingAnimation[i][1] = new Animator({duration: 1000, onComplete: function(){nextChain(this.idNum, 2);}});
			_fadingAnimation[i][1].addSubject(new NumericalStyleSubject(_fadingImages[i], 'opacity', 0, 0));
			
			_fadingAnimation[i][0] = new Animator({duration: 1000, onComplete: function(){nextChain(this.idNum, 1);}});
			_fadingAnimation[i][0].addSubject(new NumericalStyleSubject(_fadingImages[i], 'opacity', 1, 0));
			
			_fadingAnimation[i][0].idNum= i;
			_fadingAnimation[i][1].idNum= i;
			_fadingAnimation[i][2].idNum= i;
					
			attachEventListener(_fadingImages[i], "mouseover", fadeAnimPlay, false);
		}else{
			_fadingAnimation[i] = new Animator({duration: 350});
			_fadingAnimation[i].addSubject(new NumericalStyleSubject(_fadingImages[i], 'opacity', 1, 0));
			attachEventListener(_fadingImages[i], "mouseover", fadeAnimOn, false); 
			attachEventListener(_fadingImages[i], "mouseout", fadeAnimOff, false);	
		}
		
		
		
	}
}
function setRolloverAnimationsHome(){
	if(_fadingImages[0]==null){
		_fadingImages = getElementsByClassName(document,'img','btnarrow');
		for(i=0; i<_fadingImages.length; i++){
			_fadingAnimation[i] = new Animator({duration: 350});
			_fadingAnimation[i].addSubject(new NumericalStyleSubject(_fadingImages[i], 'opacity', 0, 1));
			attachEventListener(_fadingImages[i], "mouseover", fadeAnimOn, false); 
			attachEventListener(_fadingImages[i], "mouseout", fadeAnimOff, false);	
		}
	}
}
function fadeAnimOn(e){
	srcEl = Event.element(e);
	
	for(p=0; p<_fadingImages.length; p++){
        if(_fadingImages[p]==srcEl){
			_fadingAnimation[p].seekTo(1);
		}
	}
}

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


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

function nextChain(imgNum, chainPos){
	if(chainPos==3){
		_fadingAnimation[imgNum][2].jumpTo(0);
		_fadingAnimation[imgNum][1].jumpTo(0);
		_fadingAnimation[imgNum][0].jumpTo(0);
	}else{
		_fadingAnimation[imgNum][chainPos].seekTo(1);
	}
}



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