addEvent(window, 'load', HomePageHelper_init, false);

function HomePageHelper_init(){

	//////////////////
	/// Activities ///
	//////////////////

	/*
		This deactivates the links on the Activity Area urls and sets 
		a new event handler on each one which toggles the top image and the 
		visible list.
		
		Note: The id's of the various parts of the activity display have 'ID' prepended to them
		to prevent issues with using zero as an id. It's just easier this way.
	*/
	
	var linkList = $('Activities_AreaList').getElementsByTagName('a');
	for(var i = 0; i < linkList.length; i++){
		linkList[i].setAttribute('href', 'javascript:void(0);')
		addEvent(linkList[i], 'click', HPH_ActivityToggle, false)
	}
	
} // end HomePageHelper_init

function HPH_ActivityToggle(e){
	if(!e) var e = window.event;
	if(e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;

	/* Get the ID */
	var bits = String(targ.id).split("_");
	var myId = bits[1];

	/* Display Appropriate Image */
	var liList = $('ActivityImages').getElementsByTagName('li');
	for(var i = 0;i < liList.length; i++){
		chunks = String(liList[i].id).split("_");
		if(chunks[1] == myId){
		addClass(liList[i], 'Active');
		}else{
		removeClass(liList[i],'Active');
		}
	}
	
	/* Show Appropriate List */
	var liList = $('Activities_List').getElementsByTagName('li');
	for(var i = 0;i < liList.length; i++){
		if(liList[i].parentNode.id == 'Activities_List'){
			chunks = String(liList[i].id).split("_");
  			if(chunks[1] == myId){
				addClass(liList[i], 'Active');
			}else{
  				removeClass(liList[i],'Active');
 			}
		}
	}
	
	/* Set Button Highlight */
	var linkList = $('Activities_AreaList').getElementsByTagName('a');
	for(var i = 0;i < linkList.length; i++){
		chunks = String(linkList[i].id).split("_");
		if(chunks[1] == myId){
			addClass(linkList[i], 'Active');
		}else{
			removeClass(linkList[i],'Active');
		}
	}

} // end HPH_ActivityToggle


function addClass(target, classValue){
	var pattern = new RegExp("(^| )" + classValue + "( |$)");
	if(!pattern.test(target.className)){
		if(target.className == ""){
		target.className = classValue;
		}else{
		target.className += " " + classValue;
		}
	}
	return true;
} // end addClass

function removeClass(target, classValue){
	var removedClass = target.className;
	var pattern = new RegExp("(^| )" + classValue + "( |$)");
	removedClass = removedClass.replace(pattern, "$1");
	removedClass = removedClass.replace(/ $/, "");
	target.className = removedClass;
	return true;
} // end removeClass