// -------------------------------------------------
// Marky Wong - 2007-02-15
// add navigation rollover effects
// -------------------------------------------------
addLoadEvent(initNavigationRollovers);


// -------------------------------------------------
// Set up the main navigation rollovers
// -------------------------------------------------
function initNavigationRollovers() {

	// object detection - bug out if methods don't exist
	if (!document.getElementById || !document.getElementsByTagName) {
		return;
	}


	// add rollover effects for navigation
	var nav = document.getElementById('nav');

	if (nav) {
		var links = nav.getElementsByTagName('a');
		var num_links = links.length;

		for (var i=0; i<num_links; i++) {
			links[i].onmouseover= doMouseover;
			links[i].onmouseout = doMouseout;
		}

	}

	// register navigation
	var invite_friend = document.getElementById('invite-a-friend');

	if (invite_friend) {

		invite_friend.onmouseover= doMouseover;
		invite_friend.onmouseout = doMouseout;

	}


	// home rollovers navigation
	var home_rollovers = new Array('the-challenge', 'raise-money', 'get-involved');
	var the_challenge = document.getElementById('the-challenge');
	var num_home_rollovers = home_rollovers.length;

	for (var i=0; i<num_home_rollovers; i++) {

		var el = document.getElementById(home_rollovers[i]);

		if (el) {
			var link = el.getElementsByTagName('h2')[0].getElementsByTagName('a')[0];
			link.onmouseover= doMouseover;
			link.onmouseout = doMouseout;
		}
	}

}



// -------------------------------------------------
// -------------------------------------------------
function doMouseover() {
	var img = this.getElementsByTagName('img')[0];
	//alert(img.src);
	if (this.className == 'active') {
		img.src = img.src.replace(/-over\.gif/, '-down.gif');
	} else {
		img.src = img.src.replace(/\-up.gif/, '-down.gif');
	}
	//alert(img.src);
}


// -------------------------------------------------
// -------------------------------------------------
function doMouseout() {

	var img = this.getElementsByTagName('img')[0];

	// check if we're the active link
	if (this.className == 'active') {
		img.src = img.src.replace(/-down\.gif/, '-over.gif');
	} else {
		img.src = img.src.replace(/-down\.gif/, '-up.gif');
	}
	//alert(img.src );
}