
function ShowMetadata(Button, Target){
	var Elm = document.getElementById(Target);
	if (Elm != null){
		if (Elm.style.display != 'block'){
			Elm.style.display = 'block';
			Button.className = 'MetadataButtonDown';
			document.getElementById('ShowMetadata').style.display = 'none';
			document.getElementById('HideMetadata').style.display = 'inline';
		}
		else{
			Elm.style.display = 'none';
			Button.className = 'MetadataButtonUp';
			document.getElementById('ShowMetadata').style.display = 'inline';
			document.getElementById('HideMetadata').style.display = 'none';
		}
	}
}

function ShowElement(Button, Target){
	var Elm = document.getElementById(Target);
	if (Elm != null){
		if (Elm.style.display != 'block'){
			var Sibs = Button.parentNode.childNodes;
			for (var i=0; i<Sibs.length; i++){
				if (Sibs[i].tagName != null){
					if (Sibs[i].tagName.toLowerCase() == 'button'){
						Sibs[i].className = 'TabUp';
					}
				}
			} 
			Sibs = Elm.parentNode.childNodes;
			for (var i=0; i<Sibs.length; i++){
				if (Sibs[i].tagName != null){
					if (Sibs[i].tagName.toLowerCase() == 'div'){
						Sibs[i].style.display = 'none';
					}
				}
			} 
			Elm.style.display = 'block';
			Button.className = 'TabDown';
		}
		else{
			Elm.style.display = 'none';
			Button.className = 'TabUp';
		}
	}
}

function ShowHideElement(ElName){
	var El = document.getElementById(ElName);
	if (El != null){
		if (El.style.display != 'block'){
			El.style.display = 'block';
		}
		else{
			El.style.display = 'none';
		}
	}
}


