addEvent(window, 'load',initRollovers);

var browser = navigator.appName;
var versionInfo = navigator.appVersion;
var versionNum = parseFloat(versionInfo);
var vendor = navigator.vendor;
var IE = "Microsoft Internet Explorer";
var IE6 = "MSIE 6.0";
var IE7 = "MSIE 7.0";
var safari = "Apple Computer, Inc.";
var imagePath = "images/";
var classAttribute = classAttr();   //Get the appropriate class attribute to set. IE and Firefox use different attributes for class in the DOM.

/***** Begin preload images *****/
var origImg = new Array();	//Array of images for rollovers
origImg[0] = '';

var overImg = new Array();	// Array of images to preload
overImg[0] = '';

var preloadFlag = false;
function preloadImages() {
	for (i=0; i<overImg.length; i++) {
		var images = new Array();
		images[i] = new Image();
		images[i].src = imagePath + overImg[i];
	}
	preloadFlag = true;
}
/***** End preload images *****/

/***** Begin image rollover funtion *****/
/* Function to initalize rollover */
function initRollovers(){	
	var rollovers = getElementsByClass('rollover',null,null);	//Get elements with a class of "rollover"
	
	if (rollovers.length > 0){		//If there is at least one element with a class "rollover"
		for(var i=0;i<rollovers.length;i++){	//Loop through all elements with class "rollover"
			var classValue = rollovers[i].getAttribute(classAttribute);
			
			if((versionInfo.match(IE6) != null) && (classValue.match('tpng') != null) ){ //If the browser is IE6 and a transparent png				
				addEvent(rollovers[i],'mouseover',rolloverPNG);	//Attach mouseover event
				addEvent(rollovers[i],'mouseout',rolloverPNG);	//Attach mouseout event				
			}
			else {
				addEvent(rollovers[i],'mouseover',rollover);	//Attach mouseover event
				addEvent(rollovers[i],'mouseout',rollover);	//Attach mouseout event
			}
		}		
	}
}

// This function grabs the src attribute and replaces "off" with "on" (for mouseover) or "on" with "off (for mouseout) in the attribute string. KM
function rollover(event) {
	var etype = event.type;
	var imgSrc = getObjectAttribute(this,"src");
	var newImgSrc;
	
	if (etype == 'mouseover'){
	    newImgSrc = imgSrc.replace('off.','on.','gi');
		this.setAttribute('src',newImgSrc);
	}
	
	else if (etype == 'mouseout') {
	    newImgSrc = imgSrc.replace('on.','off.','gi');
		this.setAttribute('src',newImgSrc);
	}
}

// IE 6 transparent PNG rollover function. KM
function rolloverPNG(event) {
	var etype = event.type;
	var imgSrc = getObjectAttribute(this,"name");
	var newImgSrc;
	
	if (etype == 'mouseover'){
	    newImgSrc = imgSrc.replace('off.','on.','gi');
		this.setAttribute('src',newImgSrc);
	}
	
	else if (etype == 'mouseout') {
	    newImgSrc = imgSrc.replace('on.','off.','gi');
		this.setAttribute('src',newImgSrc);
	}
}

// When function needs to be added inline (e.g. dynamically added content) KM
function rolloverInline(imgId,type) {
	var imgObj = _gel(imgId);
	var imgSrc = getObjectAttribute(imgObj,'src');
	var newImgSrc;	

	if (type == 'over'){
	    newImgSrc = imgSrc.replace('off.','on.','gi');
		imgObj.setAttribute('src',newImgSrc);
	}

	

	else if (type == 'out') {
	    newImgSrc = imgSrc.replace('on.','off.','gi');
		imgObj.setAttribute('src',newImgSrc);
	}
}
/***** End image rollover function *****/

/***** Begin pop up functions *****/
function popWindow(href,title,sb,width,height) {
	window.open(href,title,'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars='+ sb +',resizable=0,width='+ width +',height='+ height +',top=150,left=150');
}
/***** End pop up functions *****/

/***** Begin expandable nav function *****/
/* Function to initialize the expandable navigation */
function initNavExpand(){	
	var c = classAttr();
	
	if(_gel('nav_tertiary')){
		var link_items = _gel('nav_tertiary').getElementsByTagName('ul')[0].getElementsByTagName('li');	//Get li items withing the tertiary nav section.
		var j = 1;
		
		for(var i=0;i<link_items.length;i++){	//Loop through all the li items
			
			if((link_items[i].parentNode.getAttribute(c) != 'sublinks') && (link_items[i].getElementsByTagName('ul')[0])){  //Check to make sure that the li is not within the sub links ul
				addEvent(link_items[i].getElementsByTagName('span')[0],'mouseover',navBGSwap);	//Attach mouseover event
				addEvent(link_items[i].getElementsByTagName('span')[0],'mouseout',navBGSwap);	//Attach mouseout event
				addEvent(link_items[i].getElementsByTagName('span')[0],'click',navExpand);		//Attach click event
				link_items[i].getElementsByTagName('span')[0].setAttribute('id', 'li' + j++);	//Ad an id to the span tag
				link_items[i].getElementsByTagName('span')[0].setAttribute(c, 'off');			//Set a class attribute
			}
		}
		
	}
}
/* Function to swap background images */
function navBGSwap(event) {	
	var id = getTarget(event).id;	//Get the id of the target of the mouse event
	var etype = event.type;			//Get the type of event, i.e. mouseover or mouseout
	var c = classAttr();			//Get which class attribute to set
	
	if (etype == 'mouseover'){													//If the event was a mousover
		if(_gel(id).getAttribute(c) == "current_off"){								//If the class is "current_off" ("current_off" will be the class of the currently expanded navigation)
			_gel(id).setAttribute(c,'current_on');									//Set the class to "current_on"
		}
		else if((_gel(id).getAttribute(c) == "off") || (!_gel(id).getAttribute(c))){	//If the class is "off" ("off" will be the class of non-expanded navigation; second conditional is to fix IE bugginess)
			_gel(id).setAttribute(c,'on');											//Set the class to "on"
		}
	}
	
	else if (etype == 'mouseout') {												//If the event was a mousout
		if(_gel(id).getAttribute(c) == "current_on"){								//If the class is "current_on" ("current_on" will be the class of the currently expanded navigation)
			_gel(id).setAttribute(c,'current_off');								//Set the class to "current_off"
		}
		else if ((_gel(id).getAttribute(c) == "on") || (!_gel(id).getAttribute(c))){	//If the class is "on" ("on" will be the class of non-expanded navigation; second conditional is to fix IE bugginess)
			_gel(id).setAttribute(c,'off');
		}
	}	
	else {	//If neither of the previous two conditions are met, do nothing.
		;
	}
}
/* Function to expand the sub link navigation */
function navExpand(event) {	
	var current_open = getElementsByClass('current_off', null, 'span')[0];							//Get the currently open (expanded) navigation
	var all_uls = _gel('nav_tertiary').getElementsByTagName('ul')[0].getElementsByTagName('ul');		//Get all sub link ul elements
	var id = getTarget(event).id;																	//Get the id of the target of the mouse event
	var expand_ul = _gel(id).parentNode.getElementsByTagName('ul')[0];									//Get the ul element that should be expanded/collapsed when click event occurs
	var c = classAttr();																			//Get which class attribute to set
		
	if (expand_ul){																					//If there is a ul element to be expanded/collapsed
		if (expand_ul.style.display == "block") {													//If the ul is expanded
			expand_ul.style.display = "none";														//Collapse the ul on click
			_gel(id).setAttribute(c,'on');																//Set the class of the clicked target to "on"
		}
		
		else {																						//Else if there is no ul that is expanded			
			for(var i=0;i<all_uls.length;i++){														//Loop all sub link ul elements
				all_uls[i].style.display = "none";													//Collapse all sub link ul elements
			}
			expand_ul.style.display = "block";														//Expand the ul element
			_gel(id).setAttribute(c,'current_on');														//Set the class of the clicked target to "current_on"
			current_open.setAttribute(c, 'off');													//Set the class of the currently expanded navigation to "off"
		}
	}
	
}
/* Function to expand particular navigation on page load */
function navExpandOnload() {
	var c = classAttr();																			//Get which class attribute to set
	if(expand_num){																					//If the variable "expand_num" exists
		var expandID = 'li' + expand_num;															//Set the id of the navigation to expand
		_gel(expandID).parentNode.getElementsByTagName('ul')[0].style.display = "block";				//Expand the proper navigation based on it's id
		_gel(expandID).setAttribute(c,'current_off');													//Set the class to "current_off" of the expanded navigation
	}
}
/***** End expandable nav function *****/

/***** Begin tab change functions *****/
function initTabbing(){	
	var tabs = getElementsByClass("tab",null,null);	//Get elements with a class of "tab"
	
	if (tabs.length > 0){		//If there is at least one element with a class "tab"
		for(var i=0;i<tabs.length;i++){	//Loop through all elements with class "tab"
			addEvent(tabs[i],"click",tabClick);	//Attach click event
			addEvent(tabs[i],"mouseover",tabHover);	//Attach over event
			addEvent(tabs[i],"mouseout",tabHover);	//Attach out event
		}		
	}
}

function tabClick(event){    
    var tabs = getElementsByClass("tab",null,null);	//Get tabs
    var tabSections = getElementsByClass("tab-section",null,null);   //Get tab body sections
    	
	for(var t=0;t<tabs.length;t++){ //Loop through all tabs
	    var tabObj = tabs[t];
	    var tabSectionObj = tabSections[t];
	    	    
	    if(tabObj == this){ //Change clicked tab on
            tabObj.setAttribute(classAttribute, "tab selected");
            tabSectionObj.style.display = "block";
	    }
	    else {	//Change other tabs off	        
            tabObj.setAttribute(classAttribute, "tab");
            tabSectionObj.style.display = "none";		    
	    }
	}
}

function tabHover(event){ 
    var etype = event.type;
	
	if (this.getAttribute(classAttribute) != "tab selected"){
	    if (etype == "mouseover"){
		    this.setAttribute(classAttribute,"tab hover");
	    }
    	
	    else if (etype == "mouseout") {
		    this.setAttribute(classAttribute,"tab");
	    }
	}
}

/***** End tab change functions *****/

/***** Begin accordion expand functions *****/

//These variables need to be placed at the bottom of any page with accordion divs.
//var accordionHeaders = getElementsByClass("accordion-header",null,null);	//Get accordion headers
//var accordionSections = getElementsByClass("accordion-section",null,null);   //Get accordion sections
//var icon = getElementsByClass("expand-icon",null,null);   //Get accordion sections
//onloadfunctions.push(initAccordionClick());

function initAccordion(){
	
	if (accordionHeaders.length > 0){		//If there is at least one element with a class "accordion-header"
		for(var i=0;i<accordionHeaders.length;i++){	//Loop through all elements with class "accordion-header"
			addEvent(accordionHeaders[i],"click",accordionClick);	//Attach click event
			addEvent(accordionHeaders[i],"mouseover",accordionHover);	//Attach mouseover event
			addEvent(accordionHeaders[i],"mouseout",accordionHover);	//Attach mouseover event
		}		
	}
	
	if (accordionSections.length > 0){		//If there is at least one element with a class "accordion-section"
		for(var i=0;i<accordionSections.length;i++){	//Loop through all elements with class "accordion-section"
		    if (accordionSections[i].getAttribute(classAttribute).indexOf("open") == -1){
			    accordionSections[i].style.display = "none";	//Set display to none
			}
		}		
	}
	
	if (icons.length > 0){		//If there is at least one element with a class "expand-icon"
		for(var i=0;i<icons.length;i++){	//Loop through all elements with class "expand-icon"
			addEvent(icons[i],"mouseover",rollover);	//Attach mouseover event
			addEvent(icons[i],"mouseout",rollover);	//Attach mouseover event
		}		
	}
}
        
function accordionClick(){  
	for(var t=0;t<accordionHeaders.length;t++){ //Loop through all tabs
	    var accordionHeaderObj = accordionHeaders[t];
	    var accordionSectionObj = accordionSections[t];
	    var iconObj = icons[t];
	    var imgSrc = iconObj.getAttribute("src");
	    
	    if(accordionHeaderObj == this){ 
            if(accordionSectionObj.style.display == "none"){    //Open accordion
                accordionSectionObj.style.display = "block";
                accordionSectionObj.setAttribute(classAttribute,"accordion-section open"); 
                
                newImgSrc = imgSrc.replace("_collapsed","_expanded","gi");
		        iconObj.setAttribute("src",newImgSrc);
            }
            else {  //Close accordion
                accordionSectionObj.style.display = "none";
                accordionSectionObj.setAttribute(classAttribute,"accordion-section"); 
                
                newImgSrc = imgSrc.replace("_expanded","_collapsed","gi");
		        iconObj.setAttribute("src",newImgSrc);
            }
	    }
    }
}

function accordionHover(event){
	var etype = event.type;
	var id = getTarget(event).id;	
	var iconObj = _gel(id).getElementsByTagName("img")[0];
	var imgSrc = iconObj.getAttribute("src");
	var newImgSrc;
	
	if (etype == 'mouseover'){
	    newImgSrc = imgSrc.replace('off.','on.','gi');
		iconObj.setAttribute('src',newImgSrc);
	}
	
	else if (etype == 'mouseout') {
	    newImgSrc = imgSrc.replace('on.','off.','gi');
		iconObj.setAttribute('src',newImgSrc);
	}
}
    
function expandAll(){    
    for(var t=0;t<accordionSections.length;t++){ //Loop through all sections    
        var iconObj = icons[t];
        var imgSrc = iconObj.getAttribute("src");
        
        newImgSrc = imgSrc.replace("_collapsed","_expanded","gi");
		iconObj.setAttribute("src",newImgSrc);
        accordionSections[t].style.display = "block";
    }
}

function collapseAll(){    
    for(var t=0;t<accordionSections.length;t++){ //Loop through all sections
        var iconObj = icons[t];
        var imgSrc = iconObj.getAttribute("src");
        
        newImgSrc = imgSrc.replace("_expanded","_collapsed","gi");
		iconObj.setAttribute("src",newImgSrc);
        accordionSections[t].style.display = "none";
    }
}
/***** End accordion expand functions *****/

/***** Begin show/hide Flash navigation function *****/
function flashNavigation() {
	var fullFlashNav = _gel('flashNav');
	
	if (fullFlashNav.style.height == "400px"){
		fullFlashNav.style.height="25px";	
	}
	
	else {
		fullFlashNav.style.height="400px";
	}
}
/***** End show/hide Flash navigation function *****/

/***** Begin clear value functions *****/
// This function can be used to add a focus event to any input with a class of "clear-value". Needs jquery.js
function initClearValue(UpdatePanelID) {
    var selector = ".clear-value";
    var input = $(selector);

    if (input.length > 0) {
        for (var i = 0; i < input.length; i++) {           
            $(input[i]).focus(function() {
                $(this).val("");
                $(this).removeClass("clear-value");
                $(this).unbind("focus");
            });
        }
    }
}
/***** End clear value functions *****/