window.addEvent('domready', function() {

var selectedFamily = document.getElementById("selected");
var selectedFamilyNo = selectedFamily.value;

var accordion = new Accordion('h2.tc_sideNav_family', 'ul.tc_sideNav_secUl', {
							  
	opacity: false,
	alwaysHide: true,
	display: selectedFamilyNo,
	onActive: function(toggler, element){
		var urlString = "url(../images/general/2c_sideNav_triangleIcon_over.gif)";
		toggler.addClass('tc_sideNav_familyOver');
	},
 
	onBackground: function(toggler, element){
		toggler.removeClass('tc_sideNav_familyOver');
	}
}, $('tc_sideNav'));

//=========================//

var tc_sideNav_li = $$('#tc_sideNav h2');
tc_sideNav_li.each(function(element) {
	element.addEvent('mouseenter', function(){this.setStyle('background-color', '#333')})
	element.addEvent('mouseleave', function(){this.setStyle('background-color', '')})
	});



});