isIE = (document.all) ? true : false;
isNN = (document.layers) ? true : false;
function SetupLayers() {
	var cl_width;
	if (isIE) {
		cl_width = document.body.clientWidth;
		cl_height = document.body.clientHeight;
		document.all['menu1'].style.left = cl_width - 175;
		document.all['menu2'].style.left = cl_width - 30;
		ShowLayer( 'menu2' ); //document.all['menu2'].style.visibility = "visible";
		}
	else if (isNN) {
		cl_width = window.innerWidth; 
		cl_height = window.innerHeight;
		ScrollbarWidth = 14;
		document.layers['menu1'].left = cl_width - 175 - ScrollbarWidth;
		document.layers['menu2'].left = cl_width - 30 - ScrollbarWidth;
		ShowLayer( 'menu2' );
		}
}  // end function

function expandMenu() {
	HideLayer( 'menu2' );//document.all['menu2'].style.visibility = "hidden";
	ShowLayer( 'menu1' );//document.all['menu1'].style.visibility = "visible";
}

function collapseMenu() {
	// alert( 'collapseMenu()' );
	HideLayer( 'menu1' );//document.all['menu1'].style.visibility = "hidden";
	ShowLayer( 'menu2' );//document.all['menu2'].style.visibility = "visible";
}

function ShowLayer(on_id) {
	if (document.layers) { document.layers[on_id].visibility = "show"; }
	else if (document.all) { document.all[on_id].style.visibility = "visible"; }
}

function HideLayer(off_id) {
	if (document.layers) { document.layers[off_id].visibility = "hide"; }
	else if (document.all) { document.all[off_id].style.visibility = "hidden"; }
}