function menuHide(sm) {
	sm.style.display = 'none';
}

function menuShow(sm) {
	var parUl = sm.parentNode;
	while (true) {
		if (parUl.nodeName.toLowerCase() == 'ul') break;
		parUl = parUl.parentNode;
	}
	//~ if (parUl.id == 'menu') {
		//~ sm.style.top = sm.parentNode.offsetHeight + 'px';
		//~ sm.style.left = sm.parentNode.offsetLeft + 'px';
	//~ } else {
		sm.style.top = sm.parentNode.offsetTop + 'px';
		sm.style.left = (sm.parentNode.offsetLeft + sm.parentNode.offsetWidth) + 'px';
	//~ }
	sm.style.display = 'block';
}

function MenuOver(ev) {
	if (!ev) var ev = window.event;
	var from = ev.srcElement || ev.target;
	while (from) {
		if (from.nodeName.toLowerCase() == 'li') break;
		from = from.parentNode;
	}
	if (!from) return;
	
	var sm = from.getElementsByTagName('ul')[0];
	if (sm) {
		menuShow(sm);
	}
}

function MenuOut(ev) {
	if (!ev) var ev = window.event;
	var from = ev.srcElement || ev.target;
	var to = ev.toElement || ev.relatedTarget;
	
	while (from) {
		if (from.nodeName.toLowerCase() == 'li') break;
		from = from.parentNode;
	}
	if (!from) return;
	
	while (to) {
		if (to.nodeName.toLowerCase() == 'ul') break;
		to = to.parentNode;
	}
	
	if (!to) DropdownMenuInit(document.getElementById('menu'));
	
	var sm = from.getElementsByTagName('ul')[0];
	if (sm) {
		if (to && sm.id == to.id) return;
		menuHide(sm);
	}
}

function DropdownMenuInit(element) {
	var chld = element.childNodes;
	for (var i = 0; i < chld.length; i ++) {
		if (chld[i].nodeName.toLowerCase() != 'li') continue;
		var sm = chld[i].getElementsByTagName('ul')[0];
		if (sm) {
			menuHide(sm);
			DropdownMenuInit(sm);
		}
	}
}

function ActivateMenu(id) {
	var m = document.getElementById(id);
	DropdownMenuInit(m);
	m.onmouseover = function(ev) {MenuOver(ev);};
	m.onmouseout = function(ev) {MenuOut(ev);};
}

var photopop;

function popitup(url, cont, idpic, iwidth, iheight, colour) {
	if (typeof curUrl == 'undefined') {
		srcurl = url + "showimg.php?filename=oo_" + idpic +".jpg" + "&rld=" + Math.random();
	}else{
		srcurl = curUrl;
	}

	photopop=window.open('','htmlname','width=' + iwidth +',height=' +iheight + ',scrollbars=yes,resizable=1,top=80,left=50');
	photopop.document.clear();
	photopop.focus();
	photopop.document.writeln('<html> <head> <\/head> <body bgcolor= \"' + colour + '\"> <center>');
	photopop.document.writeln('<img src=' + srcurl +'.jpg>');
	photopop.document.writeln('<\/center> <\/body> <\/html>');
	photopop.document.close();
	photopop.focus();
}
