/*
	<div class="" id="xyz" onclick="toggle(this.id, false);">Pagrindinis</div>
	<div class="subItems" id="xyz_">vidinis</div>
	pagrindinios ir vidinio div'o id skiriami "_"
	*/
	
	subItemClassName = 'subItems';
	function hideDivs(){
		divs = document.getElementsByTagName("div");
		for (i=0; i<divs.length; i++){
			if (divs[i].className == subItemClassName) {
				hidediv(divs[i].id)
			}
		}
	}
	function toggle(layer, closeAll){
		layer = layer+'_'
		if (document.getElementById){
			if ((document.getElementById(layer).style.display == 'none') || (document.getElementById(layer).style.display == '')) {
				if (closeAll == true) hideDivs()
				showdiv(layer)
			} 
			else {
				hidediv(layer)
				if (closeAll == true) hideDivs()
			}
		}
		else {
			if (document.layers) {
				if ((document.layer.display == 'none') || (document.layer.display == '')) {
					showdiv(layer)
				} 
				else {
					hidediv(layer)
				}
			}
			else {
				if ((document.all.layer.style.display == 'none') || (document.all.layer.style.display == '')) {
					showdiv(layer)
				} 
				else {
					hidediv(layer)
				}
			}
		}
	}
	function hidediv(id){
		if (document.getElementById){
			document.getElementById(id).style.display = 'none';
		}
		else {
			if (document.layers) {
				document.id.display = 'none';
			}
			else {
			document.all.id.style.display = 'none';
			}
		}
	}
	function showdiv(id){
		if (document.getElementById) {
			document.getElementById(id).style.display = 'block';
		}
		else {
			if (document.layers) {
				document.id.display = 'block';
			}
			else {
				document.all.id.style.display = 'block';
			}
		}
	}