function nextElement(element,name) {
	for (var e = element.nextSibling ; e!=null ; e = e.nextSibling) {
		if (e.nodeName==name)
			return e;
	}
	return null;
}

function hasNextDivOfClass(element,clsname) {
	for (var e = element.nextSibling ; e!=null ; e = e.nextSibling) {
		if (e.nodeName=="DIV") {
			var cn = e.className;
			if (clsname==cn)
				return true;
		}
	}
	return false;
}

function nextDivOfClass(element,clsname) {
	for (var e = element.nextSibling ; e!=null ; e = e.nextSibling) {
		if (e.nodeName=="DIV") {
			var cn = e.className;
			if (clsname==cn)
				return e;
		}
	}
	return null;
}

function toggleMenu(element) {
	var elDiv = element.elContent;
	if (elDiv.style.display=="none") {
		elDiv.style.display="block";
		element.elVz.src="gif/vzauf-0.gif";
		var s = element.elZw.src;
		if (s.indexOf("e0")!=-1)
			element.elZw.src="gif/zwzu-e0.gif";
		else
			element.elZw.src="gif/zwzu-0.gif";
	}
	else {
		elDiv.style.display="none";
		element.elVz.src="gif/vzzu-0.gif";
		var s = element.elZw.src;
		if (s.indexOf("e0")!=-1)
			element.elZw.src="gif/zwauf-e0.gif";
		else
			element.elZw.src="gif/zwauf-0.gif";
	}
}

function insertImage(element,src,width,height) {
	var eImg = document.createElement("IMG");
	eImg.src = src;
	eImg.width = width;
	eImg.height = height;
	element.insertBefore(eImg,element.firstChild);
	return eImg;
}

var myrules = {
	'.menu' : function(element){
	},
	'.menuToggle' : function(element){
		element.elContent = nextDivOfClass(element.parentNode,"menuContent");
		element.elVz = insertImage(element,"gif/vzzu-0.gif",16,16);
		if (!hasNextDivOfClass(element,"menuToggle"))
			element.elZw = insertImage(element,"gif/zwauf-e0.gif",19,16);
		else
			element.elZw = insertImage(element,"gif/zwauf-0.gif",19,16);
		// <img src="gif/zwauf-e0.gif" height="16" width="19"><img src="gif/vzzu-0.gif" height="16" width="16">
		// <img src="gif/zwauf-0.gif" height="16" width="19"><img src="gif/vzzu-0.gif" height="16" width="16">
		element.href='#';
		element.onclick = function() {
			toggleMenu(this);
		}
	},
	'.menuItem' : function(element){
		insertImage(element,"gif/glas.gif",16,16);
		if (hasNextDivOfClass(element,"menuItem"))
			insertImage(element,"gif/zw0.gif",19,16);
		else
			insertImage(element,"gif/zwe0.gif",19,16);
		if (hasNextDivOfClass(element.parentNode,"menuContent"))
			insertImage(element,"gif/stamm-0.gif",19,16);
		else
			insertImage(element,"gif/leer.gif",19,16);
		// <img src="gif/stamm-0.gif" height="16" width="19"><img src="gif/zwe0.gif" height="16" width="19"><img src="gif/glas.gif" height="16" width="16">
		// <img src="gif/stamm-0.gif" height="16" width="19"><img src="gif/zw0.gif" height="16" width="19"><img src="gif/glas.gif" height="16" width="16">
		// <img src="gif/leer.gif" height="16" width="19"><img src="gif/zw0.gif" height="16" width="19"><img src="gif/glas.gif" height="16" width="16">
		// <img src="gif/leer.gif" height="16" width="19"><img src="gif/zwe0.gif" height="16" width="19"><img src="gif/glas.gif" height="16" width="16">
		// <img src="gif/leer.gif" height="16" width="19"><img src="gif/zwe0.gif" height="16" width="19"><img src="gif/glas.gif" height="16" width="16">
	}
};

Behaviour.register(myrules);