// JavaScript Document
window.onload = function() {	
	fixFlash();
	arrows();
	addButtonEvents();
	addButtonEventsBig();

	if (document.getElementById('home')) {
		//document.getElementById('left_column').style.height = document.getElementById('right_column').offsetHeight + 'px';	
		var links = document.getElementById('links');
		for(var i=0; i < links.childNodes.length; i++){
			if(links.childNodes[i].tagName == "LI"){
				links.childNodes[i].onmouseover = function(){listLinkHoverOn(this);};
				links.childNodes[i].onmouseout = function(){listLinkHoverOff(this);};
			}
		}	
	}
}

sfHover = function() {
	// Support the standard nav without a class of nav.
	var el = document.getElementById("nav");
	if(!/\bnav\b/.test(el.className) && el.tagName == "UL")
		setHover(el);
	// Find all unordered lists.
	var ieNavs = document.getElementsByTagName('ul');
	for(i=0; i<ieNavs.length; i++) {
		var ul = ieNavs[i];
		// If they have a class of nav add the menu hover.
		if(/\bnav\b/.test(ul.className))
			setHover(ul);
	}
}

function setHover(nav) {
	var ieULs = nav.getElementsByTagName('ul');
	if (navigator.appVersion.substr(22,3)!="5.0") {
		// IE script to cover <select> elements with <iframe>s
		for (j=0; j<ieULs.length; j++) {
			var ieMat=document.createElement('iframe');
			if(document.location.protocol == "https:")
				ieMat.src="https://www.kintera.org/site/n.gif";
			else if(window.opera != "undefined")
				ieMat.src="";
			else
				ieMat.src="javascript:false";
			ieMat.scrolling="no";
			ieMat.frameBorder="0";
			ieMat.style.width=ieULs[j].offsetWidth+"px";
			ieMat.style.height=ieULs[j].offsetHeight+"px";
			ieMat.style.zIndex="-1";
			ieULs[j].insertBefore(ieMat, ieULs[j].childNodes[0]);
			ieULs[j].style.zIndex="101";
		}

		// IE script to change class on mouseover
		var ieLIs = nav.getElementsByTagName('li');
		for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {
			// Add a sfhover class to the li.
			ieLIs[i].onmouseover=function() {
				if(!/\bsfhover\b/.test(this.className))
					this.className+=" sfhover";
			}
			ieLIs[i].onmouseout=function() {
				if(!this.contains(event.toElement))
					this.className= "";
			}
		}
	} else {
		// IE 5.0 doesn't support iframes so hide the select statements on hover and show on mouse out.
		// IE script to change class on mouseover
		var ieLIs = document.getElementById('nav').getElementsByTagName('li');
		for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {
			ieLIs[i].onmouseover=function() {this.className+=" sfhover";hideSelects();}
			ieLIs[i].onmouseout=function() {this.className=this.className.replace(' sfhover', '');showSelects()}
		}
	}
}

// If IE 5.0 hide and show the select statements.

function hideSelects(){
	var oSelects=document.getElementsByTagName("select");
	for(var i=0;i<oSelects.length;i++)
		oSelects[i].className+=" hide";
}

function showSelects(){
	var oSelects=document.getElementsByTagName("select");
	for(var i=0;i<oSelects.length;i++)
		oSelects[i].className=oSelects[i].className.replace(" hide","");
}

// Run this only for IE.
if (navigator.appName == 'Microsoft Internet Explorer') {
	if (window.attachEvent) window.attachEvent('onload', sfHover);
}

function fixFlash() {
	/* fix for 'click to activate this control' in ie for flash */
	theObjects = document.getElementsByTagName("object");
	for (var i = 0; i < theObjects.length; i++) {
		theObjects[i].outerHTML = theObjects[i].outerHTML;
	}	
}

function arrows () {
	//Define HTML for arrow here
	var arrowCode = ' >>';
	//Do Not Edit Below Here
	var links = document.getElementById("nav").getElementsByTagName("a");
	for (i=0;i<links.length; i++) {
		if (links[i].className.indexOf("firstLevel") < 0) {
			if(links[i].nextSibling!=null && links[i].nextSibling.nodeName=="UL" && links[i].innerHTML.substring(0,4).toLowerCase()!="<img"){
				links[i].innerHTML += arrowCode;
			}
		}
	}
}

function buttonHover(div){
	if(div.className == 'button_on'){
		div.className = 'button';	
	}else{
		div.className = 'button_on';
	}
}

var NN = (navigator.appName == "Netscape" && !parseInt(navigator.appVersion) > 4);
	var i = 0;
	var changer = '';
	var changeto = '';
	
	function navOver(menuItem) 
	{
		if (!NN) 
		{
			document.getElementById(menuItem).className = "topNavOn";
		}
	}
	
	function navOff(menuItem, menuClass) 
	{
		if (!NN) 
		{
			if (menuClass!="")
			{
				document.getElementById(menuItem).className=menuClass;
			}
			else
			{
				document.getElementById(menuItem).className="topNavOff";
			}
		}
	}
	function subNavOver(menuItem) 
	{
		if(!NN) 
		{
			for (i=1;i<=2;i++) 
			{
				changer = menuItem + i;
				document.getElementById(changer).className="SubNavOver";
			}
		}
	}
	function subNavOff(menuItem) 
	{
		if(!NN) 
		{
			for (i=1;i<=2;i++) 
			{
				changer = menuItem + i;
				document.getElementById(changer).className='subNavOff';
			}
		}
	}
	function showSub(elem) 
	{
		if(!NN) 
		{
			for (i=1;i<=2;i++) 
			{
				divLayer = elem + 'SubNav' + i;
				document.getElementById(divLayer).style.visibility="visible";
			}
		}
	}
	function hideSub(elem) 
	{
		if(!NN) 
		{
			for (i=1;i<=2;i++) 
			{
				divLayer = elem + 'SubNav' + i;
				document.getElementById(divLayer).style.visibility="hidden";
			}
		}
	}
	function showDiv(elem) 
	{
		if(!NN) 
		{
			document.getElementById(elem).style.visibility="visible";
		}
	}
	function hideDiv(elem) 
	{
		if(!NN) 
		{
			document.getElementById(elem).style.visibility="hidden";
		}
	}
function getElementsByClassName(class_name, elements)
      {
        var all_obj,ret_obj=new Array(),j=0,teststr;
		
		if(elements != null){
			all_obj = elements;
		}else{		
			if(document.all)all_obj=document.all;
			else if(document.getElementsByTagName && !document.all)
			  all_obj=document.getElementsByTagName("*");
		}
        for(i=0;i<all_obj.length;i++)
        {
			if(all_obj[i].className != null){
			  if(all_obj[i].className.indexOf(class_name)!=-1)
			  {
				teststr=","+all_obj[i].className.split(" ").join(",")+",";
				if(teststr.indexOf(","+class_name+",")!=-1)
				{
				  ret_obj[j]=all_obj[i];
				  j++;
				}
			  }
			}
        }
        return ret_obj;
      }

function getChildElementsByClassName(class_name, elements){
	var items = new Array();
	items = items.concat(getElementsByClassName(class_name, elements));
	for(var i=0; i < elements.length; i++){		
		if(elements[i].hasChildNodes()){
			items = items.concat(getChildElementsByClassName(class_name, elements[i].childNodes));
		}
	}
	return items;
}



function setSelected(div){
	if(div.className == 'subMenuItem' || div.className == 'subMenuTitle'){
		div.style.backgroundColor='#A6DDE4';
	}else{
		div.style.backgroundColor='#E5F5F7';
	}
	
}

function setUnSelected(div){
	if(div.className == 'subMenuItem' || div.className == 'subMenuTitle'){
		div.style.backgroundColor='';
	}else{
		div.style.backgroundColor = '#fff';
	}
	
}

function addButtonEvents(){
	var images = getElementsByClassName('image_anchor');
	for(var i=0; i < images.length; i++){
		for(var n=0; n < images[i].childNodes.length; n++){
			if(images[i].childNodes[n].className=='image_with_caption' || images[i].childNodes[n].className=='image_with_caption_first'){
				images[i].childNodes[n].onmouseover = function(){buttonOn(this)};	
				images[i].childNodes[n].onmouseout =  function(){buttonOff(this)};	
				images[i].childNodes[n].onclick = function(){location.href = this.parentNode.href;};
			}
		}
	}
}


function buttonOn(element){
	//var child = element.getChildElementsByClassName('image_with_caption_border', element.childNodes);
	for(var i=0; i < element.childNodes.length; i++){
		if(element.childNodes[i].className == 'image_with_caption_border' || element.childNodes[i].className == 'image_caption')
		element.childNodes[i].style.borderColor = '#ffffff';
	}
}
function buttonOff(element){
	for(var i=0; i < element.childNodes.length; i++){
		if(element.childNodes[i].className == 'image_with_caption_border' || element.childNodes[i].className == 'image_caption')
		element.childNodes[i].style.borderColor = '#0086B0';
	}
}





function addButtonEventsBig(){
	var images = getElementsByClassName('image_anchor_big');
	for(var i=0; i < images.length; i++){
		for(var n=0; n < images[i].childNodes.length; n++){
			if(images[i].childNodes[n].className=='image_with_caption_big' || images[i].childNodes[n].className=='image_with_caption_first_big'){
				images[i].childNodes[n].onmouseover = function(){buttonOnBig(this)};	
				images[i].childNodes[n].onmouseout =  function(){buttonOffBig(this)};	
				images[i].childNodes[n].onclick = function(){location.href = this.parentNode.href;};
			}
		}
	}
}
function buttonOnBig(element){
	//var child = element.getChildElementsByClassName('image_with_caption_border', element.childNodes);
	for(var i=0; i < element.childNodes.length; i++){
		if(element.childNodes[i].className == 'image_with_caption_border_big' || element.childNodes[i].className == 'image_caption_big')
		element.childNodes[i].style.borderColor = '#ffffff';
	}
}
function buttonOffBig(element){
	for(var i=0; i < element.childNodes.length; i++){
		if(element.childNodes[i].className == 'image_with_caption_border_big' || element.childNodes[i].className == 'image_caption_big')
		element.childNodes[i].style.borderColor = '#0086B0';
	}
}




function addDropDownBackgroundChange(){
	var elements = new Array();	
	var menu_items = getElementsByClassName("nav_menu_item");
	elements = elements.concat(getChildElementsByClassName("section", menu_items), getChildElementsByClassName("last_section", menu_items), getChildElementsByClassName("title", menu_items), getChildElementsByClassName("item", menu_items))
	
	for (var i=0; i<menu_items.length; i++) {
		var t = document.getElementById(menu_items[i].id + "_dropdown");
	}
	for(var i = 0; i < elements.length; i++){
		elements[i].onmouseover = function(){setSelected(this)};
		elements[i].onmouseout = function(){setUnSelected(this)};		
	}
}

function buttonHover(div){
	if(div.className == 'button_on'){
		div.className = 'button';	
	}else{
		div.className = 'button_on';
	}
}

function listLinkHoverOn(link){
		link.style.listStyleImage="url( /atf/cf/%7BD369F549-15C4-46EE-BEE3-52B190502F3F%7D/dark_bullet.gif)";
}
function listLinkHoverOff(link){
		link.style.listStyleImage="url( /atf/cf/%7BD369F549-15C4-46EE-BEE3-52B190502F3F%7D/light_bullet.gif)";
}