var active = 1;
var oldid = 0;
function startupactive() {
	document.getElementById('submenu' + active).style.visibility = 'visible';
	document.getElementById('submenu' + active).style.visibility = 'visible';
	document.getElementById('submenu' + active).style.top = getTop(document.getElementById('menup' + active)) + 20;
	document.getElementById('submenu' + active).style.left = getLeft(document.getElementById('menup' + active)) - 10;
	if (navigator.appVersion.indexOf("MSIE 7")>-1){ 
			alert("IE7");
		}
}

function show(id) {
		document.getElementById('submenu' + active).style.visibility = 'hidden';
		document.getElementById('submenu' + id).style.visibility = 'visible';
		
		if (navigator.appVersion.indexOf("MSIE 7")>-1){ 
			alert("IE7");
		} else {
			document.getElementById('submenu' + id).style.top = getTop(document.getElementById('menup' + id)) + 20;
			document.getElementById('submenu' + id).style.left = getLeft(document.getElementById('menup' + id)) - 10;
		}
		
		active = id;
}
function hide(id) {
		
		document.getElementById('submenu' + active).style.visibility = 'hidden';
		document.getElementById('submenu' + id).style.visibility = 'hidden';
		document.getElementById('submenu' + id).style.top = getTop(document.getElementById('menup' + id)) + 20;
		document.getElementById('submenu' + id).style.left = getLeft(document.getElementById('menup' + id)) - 10;
		active = id;
}
function hideactive() {
		document.getElementById('submenu' + active).style.visibility = 'hidden';
}
function getLeft(l)
{
  if (l.offsetParent) return (l.offsetLeft + getLeft(l.offsetParent));
  else return (l.offsetLeft);
}
function getTop(l)
{
  if (l.offsetParent) return (l.offsetTop + getTop(l.offsetParent));
  else return (l.offsetTop);
}

//XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
//This ist the generich version for thE script above
//Define first a div with a unique id
//All Subelements with a prefix will be processed from the function hideall
//XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	var SearchStr = 'group_'; //take only tags containing this string in the id
	var tagToSet = 'div'; //HTML Tag which script is applying
//XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX	
	function raiseall(id,parent){
		hideall(parent); // first hide all child elements
		if(document.getElementById(id) != null){ //Check, if element with this id exists
			document.getElementById(id).style.visibility='visible';
			if (navigator.appVersion.indexOf("MSIE 7")>-1){ 
				document.getElementById(id).style.marginTop = "22px";
				if (document.getElementById(id).style.left == "") {
					document.getElementById(id).style.left = document.getElementById(id).offsetLeft - 80;
				}
				//document.getElementById(id).offsetLeft = document.getElementById(id).offsetLeft - 110;
//				alert(document.getElementById(id).offsetLeft);
			//alert(document.getElementById(parent).style.left);
			}
		}
	}
	function hideall(parent){
		var parentesis = document.getElementById(parent);
		var difsInside = parentesis.getElementsByTagName(tagToSet);
		var legCut = SearchStr.length;
		for(var i = 0; i < difsInside.length; i++){
			var thisid = difsInside[i].id;
			if(thisid.substring(0, legCut) == SearchStr){
				difsInside[i].style.visibility = 'hidden';
			}
		}
	}
//XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX