var MNU_DELAY = 500;//msec
var tout;
var mnu_active = -1;
var numBotones = 7;

function mnu_area_init() {

	for (var i = 0; i < numBotones; i++) {

		var btn = _$("btn" + i);
		var mnu = _$('mnu_btn' + i);
		var arrow = _$('btnArrow' + i);

		if (btn) {
			btn.onmouseover = (function(id) {
				return function (e) {
					mnuarea_btn_onmouseover(id);
				}
			})(i);

			btn.onmouseout = (function(id) {
				return function (e) {
					mnuarea_btn_onmouseout(id);
				}
			})(i);

			btn.onclick = (function(id) {
				return function (e) {
					mnuarea_btn_onclick(id);
				}
			})(i);
		}

		if (mnu) {
			mnu.onmouseover = (function(id) {
				return function (e) {
					mnuarea_onmouseover(id);
				}
			})(i);

			mnu.onmouseout = (function(id) {
				return function (e) {
					mnuarea_onmouseout(id);
				}
			})(i);
		}
		if (arrow) {
            arrow.onmouseover = (function(id) {
				return function (e) {
					mnuarea_arrow_onmouseover(id);
				}
			})(i);

            arrow.onmouseout = (function(id) {
				return function (e) {
					mnuarea_arrow_onmouseout(id);
				}
			})(i);
		}
	}
}

function mnuarea_arrow_onmouseover (id) {
    mnuarea_onmouseover(id);
}

function mnuarea_arrow_onmouseout (id) {
    mnuarea_onmouseout(id);
}

function mnuarea_onmouseover(id) {
	if (mnu_active == id) clearTimeout(tout);
}

function mnuarea_onmouseout(id) {
	tout = setTimeout(function() {
		mnuarea_hide_menu(id);
	}, MNU_DELAY)
}

function mnuarea_btn_onmouseover(id) {
	clearTimeout(tout);
	if (mnu_active != -1 && mnu_active != id) mnuarea_hide_menu(mnu_active);
	mnuarea_show_menu(id);
}

function mnuarea_btn_onmouseout(id) {
	tout = setTimeout(function() {
		mnuarea_hide_menu(id);
	}, MNU_DELAY)
}

function mnuarea_btn_onclick(id) {
    var objNavArea = _lang.objNavArea;
    var keys = getKeys(objNavArea);
    window.location.href = objNavArea[keys[id]]['u'];
}

function mnuarea_show_menu(id) {
	var mnu = _$('mnu_btn' + id);
	var mnuBg = _$('mnu_btn' + id + "bg");
	var arrow = _$('btnArrow' + id);
	if (mnu) mnu.style.visibility = "visible";
	if (mnuBg) mnuBg.style.visibility = "visible";
	if (arrow) arrow.style.visibility = "visible";
	mnu_active = id;
}

function mnuarea_hide_menu(id) {
	var mnu = _$('mnu_btn' + id);
	var mnuBg = _$('mnu_btn' + id + "bg");
	var arrow = _$('btnArrow' + id);
	if (mnu) mnu.style.visibility = "hidden";
	if (mnuBg) mnuBg.style.visibility = "hidden";
	if (arrow) arrow.style.visibility = "hidden";
	if (mnu_active == id) mnu_active = -1;
}