var level2 = null
var level2_tohide = null
var level3 = null
var level3_tohide = null
var old_orig_l2
var old_orig_l3
var old_orig_l4

function showLevel2(level2Id, orig) {
    if (old_orig_l2 != null) old_orig_l2.style.color = '#999'
    if ( orig != null) {
        orig.style.color = 'white'
        old_orig_l2 = orig
    }
    
    if ( level2 != null && level2 != level2Id) {
        document.getElementById(level2).style.display='none'
    }
    level2 = level2Id
    var elem = document.getElementById(level2Id);
    elem.style.display='block'
    return false
}

function hideLevel2Delayed(level2Id) {
    level2_tohide = level2Id
    var s = "hideLevel2('"+level2Id+"')"
    setTimeout(s, 500)
}

function hideLevel2(level2Id) {
    if ( level3 != null) return false
    if ( level2_tohide == null) return false
    document.getElementById(level2_tohide).style.display='none'
    return false
}

function hideLevel2Whichever() {
    if (old_orig_l2 != null) {
        old_orig_l2.style.color = '#999'
        old_orig_l2 = null
    }
    if ( level2 == null) return false
    document.getElementById(level2).style.display='none'
    return false
}

function keepLevel2(level2Id) {
    if (level2_tohide == level2Id) {
        level2_tohide = null
    }
}

function showLevel3(level3Id, orig) {
    if (old_orig_l3 != null) old_orig_l3.style.color = '#999'
    if ( orig != null) {
        orig.style.color = 'white'
        old_orig_l3 = orig
    }

    if ( level3_tohide != null) {
        document.getElementById(level3_tohide).style.display='none'
        level3_tohide = null
    }
    if ( level3 != null && level3 != level3Id) {
        document.getElementById(level3).style.display='none'
    }
    level3 = level3Id
    document.getElementById(level3Id).style.display='block'
    return false
}

function hideLevel3Delayed(level3Id, orig) {
//    if ( orig != null) orig.style.color = '#999'
    level3_tohide = level3Id
    var s = "hideLevel3()"
    setTimeout(s, 800)
}

function hideLevel3() {
    if ( level3_tohide == null) return false
    document.getElementById(level3_tohide).style.display='none'
    level3 = null
    return false
}

function hideLevel3Whichever() {
    if ( level3 == null) return false
    document.getElementById(level3).style.display='none'
    return false
}

function keepLevel3(level3Id) {
    if (level3_tohide == level3Id) {
        level3_tohide = null
    }
}

function loadHtml(target, divId, urlToHtml) {
    if (old_orig_l4 != null) {
        old_orig_l4.style.color = ''
    }
    old_orig_l4 = target
    target.style.color = 'white'
    var elem = document.getElementById(divId);
    new Ajax.Updater(divId, urlToHtml, { method: 'get', evalScripts: true });
}