setToggleElements = function(wrapperClass, toggleItemClass){
	var _toggleWrappers = $$('.'+wrapperClass);
	_toggleWrappers.each(function(element, index) {
		var child = $$('.'+toggleItemClass);
		
		Event.observe(element, "mouseover", function(){
			child[index].style.display = 'block';
		});
		
		Event.observe(element, "mouseleave", function(){
			child[index].style.display = 'none';
		});
		
	});
}

clearInput = function(input){
	var inputBox = $(input);
	Event.observe(inputBox, "click", function(){
		inputBox.value ="";
	});	
}

Event.observe(window, 'load', function() {
	setToggleElements('parentClass', 'childClass');
	clearInput('searchForm_field');
	var dropDownItems = $$('.navItem');
	dropDownItems.each(function(item) {
		Event.observe(item, "mouseover", function(){
			item.addClassName('hover');
		});
	
		Event.observe(item, "mouseleave", function(){
			item.removeClassName('hover');
			$$('.aboutTopNav li.'+aboutSection).first().addClassName('hover');
		});
	});

	
	$$('.aboutTopNav li.'+aboutSection).first().addClassName('hover');
	
});