var templateDir;
var plus;
var minus;
var expand;
var hide;

function doOut ( position ) {
    //return;
    var uMenu = document.getElementById( 'u' + position );
    if (uMenu==null) return;
    if (uMenu.className == 'curMenuClass') return;
    if ( position.length>2 ) {                                                              //  move within parent <ul> tag:
        var thisPosition = 'u' + position.substring(0, position.length - 2);                //  determine parent <ul> id
        var thisMenu = document.getElementById( thisPosition );                             //  determine parent <ul> element
        thisMenu.style.display = 'block';                                                   //  show parent <ul>
    }
    if (uMenu.className.substring(0,12) == 'parMenuClass') uMenu.style.display = 'block';   //  if <ul> in path --> show
    else uMenu.style.display = 'none';                                                      //  otherwise hide
    return;
}

function doOver ( position ) {
    var uMenu = document.getElementById( 'u' + position );
    if (uMenu==null) return;
    if (uMenu.className == 'curMenuClass') return;
    if (uMenu.className.substring(0,12) == 'parMenuClass') return;          //  path elements   
    if  (uMenu.style.display == 'block') return;                            //  menu already shown  
    if (position.length>2) {
        parPosition = position.substring(0,position.length-2);
        var uMenu2 = document.getElementById( 'u' + parPosition );
        if (uMenu2.className == 'parMenuClass1')
            uMenu.style.left = '128x';
        else 
            uMenu.style.left = '128px';
    } else {
        uMenu.style.left = '128px';
    }
    uMenu.style.height = '0em';
    uMenu.style.top = '-24px';
    uMenu.style.zIndex = 999;
    uMenu.style.display = 'block';
}