var category = "law";
var swichExpand = true; 
var popup = null;

var openMenuId = null;

function showImage(img) {
	if (!popup) {
		popup = document.getElementById("popup");
	}
	popup.setAttribute("class", "visible");
	popup.setAttribute("className", "visible");
	popup.innerHTML = "<img src='" + category + "/gallery/" + img + "' />";
}

function openMenu(id) {
	var menuItem = document.getElementById(id);
	var menu = document.getElementById(id + "_menu");
	if ("visible2" == menu.getAttribute("class") ||
			"visible2" == menu.getAttribute("className")) {
		closeMenu(openMenuId);
		openMenuId = null;
	} else {
		menuItem.setAttribute("class", "leftmenuitem_open");
		menuItem.setAttribute("className", "leftmenuitem_open");	
		menu.setAttribute("class", "visible2");
		menu.setAttribute("className", "visible2");
		if (swichExpand && openMenuId) {
			var func = "closeMenu(\"" + openMenuId + "\");";
			setTimeout(func, 500);
		}
		openMenuId = id;

	}
}

function closeMenu(id) {
	var menuItem = document.getElementById(id);
	var menu = document.getElementById(id + "_menu");
	menuItem.setAttribute("class", "leftmenuitem_categ");
	menuItem.setAttribute("className", "leftmenuitem_categ");	
	menu.setAttribute("class", "hidden2");
	menu.setAttribute("className", "hidden2");
}

function hideImage() {
	popup.setAttribute("class", "hidden");
	popup.setAttribute("className", "hidden");
}

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all ? true : false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE)
	document.captureEvents(Event.MOUSEMOVE)

	// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
	if (IE) { // grab the x-y pos.s if browser is IE
		tempX = event.clientX + document.body.scrollLeft
		tempY = event.clientY + document.body.scrollTop
	} else { // grab the x-y pos.s if browser is NS
		tempX = e.pageX
		tempY = e.pageY
	}
	// catch possible negative values in NS4
	if (tempX < 0) {
		tempX = 0
	}
	if (tempY < 0) {
		tempY = 0
	}
	
	if (popup) {
		
		var x = tempX + 10;
		if (x > 600) {
			x = tempX - 500;
		}
		var y = tempY + 10;
		if (y > 400) {
			y -= 300;
		}
		popup.setAttribute("style", "left: " + x + "px; top: " + y + "px");
		popup.style.left = "" + x + "px";
		popup.style.top = "" + y + "px";
	}		
	return true
}
