myrules = {
	'.subchapter' : function(el){
		el = $(el);
		el.onmouseover = function(){
			this.style.color="#333333";
			this.style.backgroundColor="#99CCCC";
			return false;
		}
		el.onmouseout = function(){
			this.style.color="white";
			this.style.backgroundColor="#6699CC";
			return false;
		}
		el.onclick = function(){
			var subName = "sub"+ this.id;
			var subMenu = $(subName);			
			if(subMenu == active) {
				if(subMenu.style.display == "block"){
					subMenu.hide();
				} else {
					subMenu.show();
					active.style.display="block";
				}
			} else {
			active.hide();
			subMenu.style.display = "block";
			active = subMenu;
			}
			return false;
		}
	},
	
	'input.formButton' : function(el){
		el.onmouseover = function(){
			this.style.color="#FF6633";
			this.style.backgroundColor="white";
			return false;
		}
		el.onmouseout = function(){
			this.style.color="#222222";
			this.style.backgroundColor="#CCC";
			return false;
		}
	}
}

Behaviour.register(myrules);

function init (){
	Behaviour.apply();
	if(active) active.style.display="block";
}