var current_menu = '';
var current_third = '';
var timer = 0;

function highlightMain(el_id){
    current_menu = el_id;

    cell_id = xGetElementById(el_id);
    if (cell_id){
        cell_id.className = 'first_level_background_selected';
    }

    connector_id = xGetElementById('connector');
    connector_layer_id = xGetElementById('connector_layer');

    if (connector_id && connector_layer_id){
        cell_pos_x = xPageX(cell_id);
        cell_pos_y = xPageY(cell_id) + xHeight(cell_id);
        cell_width = xWidth(cell_id);
        connector_id.style.width = cell_width;
        xMoveTo(connector_layer_id, cell_pos_x, cell_pos_y);
    }

    highlightSub(el_id);
}

function highlightSub(el_id){
    submenu_id = xGetElementById(el_id + '_sub');
    cell_id = xGetElementById(el_id);
    connector_id = xGetElementById('connector');

    if (submenu_id && cell_id && connector_id){
        cell_pos_y = xPageY(cell_id) + xHeight(cell_id) + xHeight(connector_id);
        menu_pos_x = xPageX(xGetElementById('main_menu1'));
        xMoveTo(submenu_id, menu_pos_x, cell_pos_y);
        xShow(submenu_id);
    }
}

function unhighlighMain(el_id){
    cell_id = xGetElementById(el_id);
    if (cell_id){
        cell_id.className = 'first_level_background';
    }

    unhighlightSub(el_id);
}

function unhighlightSub(el_id){
    submenu_id = xGetElementById(el_id + '_sub');

    if (submenu_id){
        xHide(submenu_id);
    }
}

function changeMenu(el_id){
    changeThirdMenu('');

    if (current_menu != el_id){
        if (current_menu != ''){
            unhighlighMain(current_menu);
        }
        highlightMain(el_id);
    }
}

function highlightThirdMenu(el_id){
    current_third = el_id;

    if (current_menu != ''){
        submenu_id = xGetElementById(current_menu + '_sub');
        cell_id = xGetElementById(current_menu);
        connector_id = xGetElementById('connector');

        second_id = xGetElementById(el_id);
        third_id = xGetElementById(el_id + '_sub');

        if (second_id && third_id && submenu_id && cell_id && connector_id){
            cell_pos_y = xPageY(cell_id) + xHeight(cell_id) + xHeight(connector_id) + xHeight(submenu_id);
            xMoveTo(third_id, xPageX(second_id) + ((xWidth(second_id) - xWidth(third_id)) / 2), cell_pos_y);
			xZIndex(third_id, 9999);
            xShow(third_id);
        }
    }
}

function hideThirdMenu(el_id){
    third_id = xGetElementById(el_id + '_sub');

    if (third_id){
        xHide(third_id);
    }
}

function changeThirdMenu(el_id){
    StopTimer();
    if (current_third != el_id){
        if (current_third != ''){
            hideThirdMenu(current_third);
        }
        highlightThirdMenu(el_id);
    }
}

function StartTimer()
{
    clearTimeout(timer);
    timer = setTimeout("changeThirdMenu('')", 500);
}

function StopTimer()
{
    clearTimeout(timer);
}