var hideDiv = true;

document.onclick = doHide;

function doHide(e) {
	if (hideDiv) {
		for(x in calids) {	
			showlayerdiv(calids[x],'hide');
		}
	}
}

function divOut(e) {
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	if (tg.nodeName != 'DIV') return;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while (reltg != tg && reltg.nodeName != 'BODY')
		reltg= reltg.parentNode
	if (reltg == tg) return;
	for(x in calids) {	
		showlayerdiv(calids[x],'hide');
	}
}


function showlayerdiv(layerName,showHide) {
	var what, layerRef, visibleVar, i;
	if (document.layers) { 
		layerRef="document.layers"; 
		styleSwitch=""; 
		visibleVar="show"; 
		what ="ns4"; 
	} else if(document.all) { 
		what ="ie4"; 
		layerRef="document.all"; 
		styleSwitch=".style"; 
		visibleVar="visible"; 
	} else if(document.getElementById) { 
		layerRef="document.getElementByID"; 
		styleSwitch=".style"; 
		visibleVar="visible"; 
		what="dom1"; 
	} else { 
		what="none"; 
	} 
	for(x in calids) {
		if (showHide == 'show' && calids[x] == layerName) {
			layerVis = 'visible';
		} else {
			layerVis = 'hidden';
		}
		if (what == "none") { 
			return; 
		} else if (what == "dom1") {
			document.getElementById(calids[x]).style.visibility=layerVis;
		} else {
			eval(layerRef+'["'+calids[x]+'"]'+styleSwitch+'.visibility="'+layerVis+'"');
		}
	}
}