function opPop (url) {
	window.open(url,'','width=250, height=350, top=50, left=50, location=no, resizable=no, status=no, toolbar=no, scrollbars=no');
}
// thanks to Peter-Paul Koch @ http://www.quirksmode.org/ for its great work
window.onload = initMenu;
var current_menu_id = null;
function initMenu () {
	// hides submenus
	submenusInit();
	// initializes all links
	linksInit();
	current_menu_id = null;	
	// adds eventListener on all links	
	x = document.getElementsByTagName("a");
	for (var i=0;i<x.length;i++) {
		x[i].onclick = initMenu;
	}	
	// adds eventListener on the menu links	
	x = document.getElementById("menu").getElementsByTagName("li");
	for (var i=0;i<x.length;i++) {
		x[i].getElementsByTagName("a")[0].onclick = changeStateSubmenu;
	}
	// adds eventListener on the submenu links
	x = document.getElementById("menu").getElementsByTagName("ul");
	for (var i=0;i<x.length;i++) {
		y = x[i].getElementsByTagName("ul");
		for (var j=0;j<y.length;j++) {
			z = y[j].getElementsByTagName("a");
			for (var k=0;k<z.length; k++) {
				z[k].onclick = changeStateSubLink;
			}
		}
	}
}
function changeStateSubmenu (e) {
	// returns clicked item
	tg = getClick(e);
	// hides all submenus
	submenusInit();
	// initializes all titles
	linksInit();
	// shows/hides submenu & change style of the first link
	try {
		x = tg.nextSibling;
		while (x.nodeType != 1)
			x = x.nextSibling;
		if (x.tagName == "UL") {
			currentStyle = x.style.display;
			newStyle = (currentStyle == "none") ? "block" : "none";
			x.style.display = newStyle;
			x.getElementsByTagName("a")[0].className = "on";
		}
	} catch (ex) {}
	// changes the id of the cliked link to allow a change of style
	tg.className = "on";
	// changes the id of the concerned menu to allow a change of style
	var menu_id = tg.parentNode.parentNode.id;
	current_menu_id = menu_id;
	tg.parentNode.parentNode.id = menu_id+"_on";
}
function changeStateSubLink(e) {
	// returns clicked item
	tg = getClick(e);
	// initializes all links
	subLinksInit();
	// changes the id of the cliked link to allow a change of style
	try {
		tg.className = "on";
	} catch (ex) {}		
}
function getClick (e) {
	if (!e) var e = window.event;
	if (e.target) var tg = e.target;
	else if (e.srcElement) var tg = e.srcElement;
	while (tg.nodeType != 1) // Safari GRRRRRRRRRR
		tg = tg.parentNode;
	return tg;
}
function submenusInit() {
	x = document.getElementById("menu").getElementsByTagName("ul");
	for (i=0; i<x.length; i++) {
		y = x[i].getElementsByTagName("ul");
		for (j=0; j<y.length; j++) {
			y[j].style.display = "none";
		}
	}
	if (current_menu_id!=null) {
		var prev_menu_on = document.getElementById(current_menu_id+"_on");
		prev_menu_on.id = current_menu_id;
	}	
}
function linksInit() {
	try {
		x = document.getElementById("menu").getElementsByTagName("li");
		for (var i=0;i<x.length;i++) {
			y = x[i].getElementsByTagName("a");
			for (var j=0;j<y.length;j++) {	
				y[j].className = "";
			}
		}
	} catch(ex) {}
}
function subLinksInit() {
	try {
		x = document.getElementById("menu").getElementsByTagName("li");		
		for (var i=0;i<x.length;i++) {
			y = x[i].getElementsByTagName("ul");
			for (var j=0;j<y.length;j++) {
				z = y[j].getElementsByTagName("a");
				for (var k=0;k<z.length; k++) {
					z[k].className = "";
				}
			}
		}
	} catch(ex) {}
}