// JavaScript Document

window.onload = function() {
	addIds(document.getElementById('topNavList'));
	addIds(document.getElementById('nav'));
}

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);
}

$(document).ready(function(){
	$(".subNavTopItemFirst").parent().hide();
	var linkText = $(".subNavTopItemFirstOn").html();
	$(".subNavTopItemFirstOn").html("<h3><span>More in "+linkText+"</span></h3>");
	
	$(".subBottomSecond").parent().hide();
		var linkTextBottom = $(".subBottomSecondOn").html();
	$(".subBottomSecondOn").html("<h4><strong>More in "+linkTextBottom+"</strong></h4>");
});

function trim(stringToTrim) {
  return stringToTrim.replace(/^\s+|\s+$/g,"");
}

//Add ids to list items
function addIds(ul) {
  var list_items = ul.childNodes;
  for(var item in list_items) {
    if(list_items[item].childNodes) {
      var list_children = list_items[item].childNodes;
      for(var child in list_children) {
        if(list_children[child].nodeName && list_children[child].nodeName.toLowerCase() == 'a') {
          var id = trim(list_children[child].innerHTML);
          id = id.toLowerCase();
          id = id.replace(/\s/g,'_');
          list_items[item].id = id;
        }
      }
    }
  }
}

function startList() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("main_nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}

function startGallery() {
	var myGallery = new gallery($('myGallery'), {
	
	timed: true,
	showArrows: false,
	showCarousel: false,
	showInfopane: false
	});
}