function changeStyleById(id) {
    if (document.getElementById) {
        var nodeObj = document.getElementById(id)
        if(nodeObj.style.color == '#000000') {
            nodeObj.style.color = '#999999';
        }
        else {
            nodeObj.style.color = '#000000';
        }
    }
}

function setBgColour(item) {
    $("#first").css('background-color','transparent');
    $("#li_why").css('background-color','transparent');
    $("#li_clients").css('background-color','transparent');
    $("#li_about").css('background-color','transparent');
    
    $(item).css('background-color','#F7941D');
    
}

$(document).ready(function() {
    $("#lwj").click(function () {
        document.number_of_lwj_clicks++;
        setBgColour("#first"); 
        $("#lwj_toggle").toggle();
    });
});


/*
$(document).ready(function() {
    $("#why").click(function () {
        setBgColour("#li_why"); 
        $("#why_toggle").toggle();
        
        if(document.getElementById("clients_toggle").style.display != 'none') {
            $("#clients_toggle").toggle();
        }
        if(document.getElementById("about_toggle").style.display != 'none') {
            $("#about_toggle").toggle();
        }
        //changeStyleById("why");
    });
});
*/


$(document).ready(function() {
    $("#clients").click(function () {
        setBgColour("#li_clients"); 
        $("#clients_toggle").toggle();
        
        if(document.getElementById("why_toggle").style.display != 'none') {
            $("#why_toggle").toggle();
        }
        if(document.getElementById("about_toggle").style.display != 'none') {
            $("#about_toggle").toggle();
        }
        //changeStyleById("clients");
    });
});

/*
$(document).ready(function() {
    $("#li_about").click(function () {
        setBgColour("#li_about"); 
        $("#about_toggle").toggle();
       
        if(document.getElementById("clients_toggle").style.display != 'none') {
            $("#clients_toggle").toggle();
        }
        if(document.getElementById("why_toggle").style.display != 'none') {
            $("#why_toggle").toggle();
        }
    });
});
*/


function showFolioInfo(item) {
    $(item).toggle();
}