﻿function showTri(el) {
    //el.style.paddingLeft = '40px';
    el.children[0].style.paddingLeft = '20px';
    el.style.backgroundImage = 'url(/images/triangle.png)';
    el.style.backgroundRepeat = 'no-repeat';
    el.style.backgroundPosition = 'left center';
}

function hideTri(el) {
    el.children[0].style.paddingLeft = '0px';
    el.style.backgroundImage = 'none';
}

function showDiv(el) {
    setAs(el.childNodes[0].childNodes[0].innerHTML);
    clearDivs();
    document.getElementById((el.id).replace('a', 'div')).className = 'visibleDiv';
}

function setAs(leftA) {
    var col = document.getElementById('divLeftCol');
    var as = col.getElementsByTagName('div');

    for (var i = 0; i < as.length; i++) {
        //alert(as[i].childNodes[0].className);
        if (as[i].childNodes[0].className != '') {
            if (as[i].childNodes[0].childNodes[0].innerHTML == leftA)
                as[i].childNodes[0].className = 'sideItem activeSideItem';
            else
                as[i].childNodes[0].className = 'sideItem';
        }
    }
}

function clearDivs() {
    document.getElementById('divWhat').className = 'hiddenDiv';
    document.getElementById('divWho').className = 'hiddenDiv';
    document.getElementById('divHow').className = 'hiddenDiv';
}

function showSelectedMenuItem() {
    var m = document.getElementById('divMenu');
    var items = m.getElementsByTagName('div');
    for (var i = 0; i < items.length; i=i+1) {
        var a = items[i].childNodes[0];
        var c;
        if (location.href.indexOf('?') > 0)
            c=location.href.substring(0,location.href.indexOf('?')).toLowerCase();
        else c=location.href.toLowerCase();
        if (c==a.href.toLowerCase())
            items[i].className += " menuItemSelected";
        //alert(c + '|' + a.href.toLowerCase());
    }
    //alert(document.getElementById('divLeftCol').offsetHeight);
    document.getElementById('divLeftCol').style.height = document.getElementById('divRightCol').offsetHeight + 'px';
}

window.onload = function() { showSelectedMenuItem(); };
