/* ------ Menu (RM) ------ */

var height_menu = new Array();

function init_menu()
{
	/* alert("init_menu"); */

	//	var m1 = document.getElementById("menu_1");
	var m2 = document.getElementById("menu_2");
	var m3 = document.getElementById("menu_3");
	var m4 = document.getElementById("menu_4");
	var m5 = document.getElementById("menu_5");
	var m6 = document.getElementById("menu_6");
	
	/* height_menu[1] = m1.clientHeight; */
   height_menu[2] = m2.clientHeight;
   height_menu[3] = m3.clientHeight;
   height_menu[4] = m4.clientHeight;
   height_menu[5] = m5.clientHeight;
   height_menu[6] = m6.clientHeight;
 
   refresh_menu()
}

function refresh_menu()
{
	// var m1 = document.getElementById("menu_1");
	var m2 = document.getElementById("menu_2");
	var m3 = document.getElementById("menu_3");
	var m4 = document.getElementById("menu_4");
	var m5 = document.getElementById("menu_5");
	var m6 = document.getElementById("menu_6");

	// var i1 = document.getElementById("ifr_menu_1");
	var i2 = document.getElementById("ifr_menu_2");
	var i3 = document.getElementById("ifr_menu_3");
	var i4 = document.getElementById("ifr_menu_4");
	var i5 = document.getElementById("ifr_menu_5");
	var i6 = document.getElementById("ifr_menu_6");

	var b1 = document.getElementById("label_1");
	var b2 = document.getElementById("label_2");
	var b3 = document.getElementById("label_3");
	var b4 = document.getElementById("label_4");
	var b5 = document.getElementById("label_5");
	var b6 = document.getElementById("label_6");

	var menubar_offset_left = document.getElementById("menubar").offsetLeft;
	var menubar_offset_top = document.getElementById("menubar").offsetTop;

	var offset_left_menu_1 = 4;
	var offset_left_menu_2 = 114;
	var offset_left_menu_3 = 246;
	var offset_left_menu_4 = 365;
	var offset_left_menu_5 = 515;
	var offset_left_menu_6 = 635;

	// i1.style.height = 0;
	i2.style.height = 0;
	i3.style.height = 0;
	i4.style.height = 0;
	i5.style.height = 0;
	i6.style.height = 0;

	// i1.style.width  = m1.clientWidth;
	i2.style.width  = m2.clientWidth;
	i3.style.width  = m3.clientWidth;
	i4.style.width  = m4.clientWidth;
	i5.style.width  = m5.clientWidth;
	i6.style.width  = m6.clientWidth;

	/* i1.style.left = */ b1.style.left = /* m1.style.left = */ parseInt(menubar_offset_left) + parseInt(offset_left_menu_1);
	i2.style.left =       b2.style.left =    m2.style.left =    parseInt(menubar_offset_left) + parseInt(offset_left_menu_2);
	i3.style.left =       b3.style.left =    m3.style.left =    parseInt(menubar_offset_left) + parseInt(offset_left_menu_3);
	i4.style.left =       b4.style.left =    m4.style.left =    parseInt(menubar_offset_left) + parseInt(offset_left_menu_4);
	i5.style.left =       b5.style.left =    m5.style.left =    parseInt(menubar_offset_left) + parseInt(offset_left_menu_5);
	i6.style.left =       b6.style.left =    m6.style.left =    parseInt(menubar_offset_left) + parseInt(offset_left_menu_6);

	/* i1.style.top  = */ b1.style.top = /* m1.style.top = */ parseInt(menubar_offset_top) + 1;
	i2.style.top  =       b2.style.top =    m2.style.top =    parseInt(menubar_offset_top) + 1;
	i3.style.top  =       b3.style.top =    m3.style.top =    parseInt(menubar_offset_top) + 1;
	i4.style.top  =       b4.style.top =    m4.style.top =    parseInt(menubar_offset_top) + 1;
	i5.style.top  =       b5.style.top =    m5.style.top =    parseInt(menubar_offset_top) + 1;
	i6.style.top  =       b6.style.top =    m6.style.top =    parseInt(menubar_offset_top) + 1;

	// m1.onclick = new Function("hide_menu_click(" + '1' +")");
	m2.onclick = new Function("hide_menu_click(" + '2' +")");
	m3.onclick = new Function("hide_menu_click(" + '3' +")");	
	m4.onclick = new Function("hide_menu_click(" + '4' +")");
	m5.onclick = new Function("hide_menu_click(" + '5' +")");
	m6.onclick = new Function("hide_menu_click(" + '6' +")");

//	m1.onmouseout = new Function("hide_menu(" + '1' +")");
//	m2.onmouseout = new Function("hide_menu(" + '2' +")");
//	m3.onmouseout = new Function("hide_menu(" + '3' +")");
//	m4.onmouseout = new Function("hide_menu(" + '4' +")");
//	m5.onmouseout = new Function("hide_menu(" + '5' +")");
//	m6.onmouseout = new Function("hide_menu(" + '6' +")");

	// b1.onmouseenter = new Function("show_menu(" + '1' +")");
	b2.onmouseover = new Function("show_menu(" + '2' +")");
	b3.onmouseover = new Function("show_menu(" + '3' +")");
	b4.onmouseover = new Function("show_menu(" + '4' +")");
	b5.onmouseover = new Function("show_menu(" + '5' +")");
	b6.onmouseover = new Function("show_menu(" + '6' +")");

	b1.style.visibility = "visible";
	b2.style.visibility = "visible";
	b3.style.visibility = "visible";
	b4.style.visibility = "visible";
	b5.style.visibility = "visible";
	b6.style.visibility = "visible";

	// InitMenuElem("1");
	InitMenuElem("2");
	InitMenuElem("3");
	InitMenuElem("4");
	InitMenuElem("5");
	InitMenuElem("6");
}

function hide_all_menus()
{
	// hide_menu_click(1);
	hide_menu_click(2);
	hide_menu_click(3);
	hide_menu_click(4);
	hide_menu_click(5);
	hide_menu_click(6);
}

function InitMenuElem(n)
{
	var elem;
	var a = document.getElementById("menu_box_"+n);

	for	(var i = 0; i < a.childNodes.length ;i++)
	{
		elem = a.childNodes[i].id;
		a.childNodes[i].onmouseover = new Function("elem_on(" + "'" + elem + "'" + ")");
		a.childNodes[i].onmouseout  = new Function("elem_off(" + "'" + elem + "'" + ")");
	}
}

function show_menu(n)
{
	// document.getElementById("area_1").style.visibility = "hidden";
	document.getElementById("area_2").style.visibility = "hidden";
	document.getElementById("area_3").style.visibility = "hidden";
	document.getElementById("area_4").style.visibility = "hidden";
	document.getElementById("area_5").style.visibility = "hidden";
	document.getElementById("area_6").style.visibility = "hidden";
	
	// document.getElementById("area_1").style.height = 10;
	document.getElementById("area_2").style.height = 10;
	document.getElementById("area_3").style.height = 10;
	document.getElementById("area_4").style.height = 10;
	document.getElementById("area_5").style.height = 10;
	document.getElementById("area_6").style.height = 10;

	// document.getElementById("ifr_menu_1").style.height = 10;
	document.getElementById("ifr_menu_2").style.height = 10;
	document.getElementById("ifr_menu_3").style.height = 10;
	document.getElementById("ifr_menu_4").style.height = 10;
	document.getElementById("ifr_menu_5").style.height = 10;
	document.getElementById("ifr_menu_6").style.height = 10;

	// document.getElementById("menu_1").style.zIndex = "1";
	document.getElementById("menu_2").style.zIndex = "1";
	document.getElementById("menu_3").style.zIndex = "1";
	document.getElementById("menu_4").style.zIndex = "1";
	document.getElementById("menu_5").style.zIndex = "1";
	document.getElementById("menu_6").style.zIndex = "1";

	document.getElementById("label_"+n).style.zIndex = "1";
	document.getElementById("menu_"+n).style.zIndex = "2";
	document.getElementById("ifr_menu_"+n).style.height = height_menu[n];
	document.getElementById("area_"+n).style.height = height_menu[n];
	document.getElementById("area_"+n).style.visibility = "visible";
}	
		
function hide_menu(n, ev)
{
	/* alert("hide_menu"); */

	/* event.toElement/fromElement <--MSIE event.relatedTarget <--FireFox */

	if ((browser == "MSIE" &&
					event.toElement &&
					(event.toElement.id.substring(0,6) != "menu_"+n) &&
					(event.toElement.id.substring(0,10) != "menu_box_"+n))
		||
		(browser != "MSIE" &&
 					(ev.relatedTarget.id.substring(0,6) != "menu_"+n) &&
					(ev.relatedTarget.id.substring(0,10) != "menu_box_"+n)))
	{
		document.getElementById("area_"+n).style.visibility = "hidden";
		document.getElementById("area_"+n).style.height = 10;
		document.getElementById("ifr_menu_"+n).style.height = 10;
		document.getElementById("menu_"+n).style.zIndex = "1";
		document.getElementById("label_"+n).style.zIndex = "3";
	}
}

function hide_menu_click(n)
{
	/* alert("hide_menu_click"); */

	document.getElementById("area_"+n).style.visibility = "hidden";
	document.getElementById("area_"+n).style.height = 10;
	document.getElementById("ifr_menu_"+n).style.height = 10;
	document.getElementById("menu_"+n).style.zIndex = "1";
	document.getElementById("label_"+n).style.zIndex = "3";
}

function elem_on(elem)
{
	var e = document.getElementById(elem);
	e.className = "menuElem_MouseOver";
}	
	
function elem_off(elem)
{
	var e = document.getElementById(elem);
	e.className = "menuElem";
}