var menu_hide_timeout = 500;
var interv = false;

function tg(opener, element_nr){
	clearInterval(interv);
	element = $('s'+element_nr);
	hideAll();
	if (opener) {
		Element.extend(opener).descendants().each(function(top) {
		 if(("red" == top.className) && ("IMG" == top.tagName)){
		    if(!Element.visible(top)) {
		    	top.show();
		    }
		 }
		 if(("beige" == top.className) && ("IMG" == top.tagName)){
		    if(Element.visible(top)) {
		    	top.hide();
		    }
		 }
		});
	}
	if (element) {
		elem_pos = Position.cumulativeOffset(opener);
		//alert(opener.up().inspect());
		element.style.left = (elem_pos[0]+160)+"px";
		element.style.top = (elem_pos[1]-3)+"px";
		element.show();

		//opener.onmouseout = function(element) { toggleHide() }
		//$('output').value = $('output').value + "rein "+act_active[0]+""+act_active[1]+"\n";

		element.onmouseover = function() {
			setSubMouseOut(element);
		}
	}

	return false;
}

function setSubMouseOut (elem) {
	clearInterval(interv);
	elem.onmouseout = function() {
		//alert(elem.inspect());
		toggleHide();
		elem.onmouseout = 'alert(2)';
	}
}

function toggleHide(opener) {
	if (opener) {
		Element.extend(opener).descendants().each(function(top) {
		 if(("red" == top.className) && ("IMG" == top.tagName)){
		    if(Element.visible(top)) {
		    	top.hide();
		    }
		 }
		 if(("beige" == top.className) && ("IMG" == top.tagName)){
		    if(!Element.visible(top)) {
		    	top.show();
		    }
		 }
		});
	}
	//interv = window.setInterval('hideAll()', menu_hide_timeout);
}

function hideAll(elem) {
	stopToggle();

	$('submenue').descendants().each(function(top) {
	 if(("submenue" == top.className) && ("UL" == top.tagName)){
	    if(Element.visible(top)) {
	    	top.hide();
	    }
	 }
	});
}

function stopToggle() {
	if (interv) clearInterval(interv);
}

window.onload = function () {
	$('content').onclick = function () {
		hideAll();
	}
}