function reinitialiseScrollPane(pane) {
    $(pane).jScrollPane({ showArrows: true, scrollbarWidth: 15, arrowSize: 16 });
}

//  Adds initiative client and initiative information to 4 panes.  Heights, widths and visibility are
// changed as required.
var objOldLi1, objOldBackgroundColor1, objOldLi2, objOldBackgroundColor2, objOldLi3, objOldBackgroundColor3;

//onload=function(){
//alert (clientId);
//var e=document.getElementById("refreshed");
//if(e.value=="no")e.value="yes";
//else{e.value="no";location.reload();}
//}

function addPaneContent(liId, langCd, paneNo, parentParentId, parentId, clientId) {
    var pane = "#pane" + paneNo;
    var divPane = "#divPane" + paneNo;
    var twoClmnFlg = false;
    var paneCntnt;

    $.cookies.set('actionplan_paneNo', paneNo);
    $.cookies.set('actionplan_clientId', clientId);
    $.cookies.set('actionplan_parentId', parentId);
    $.cookies.set('actionplan_parentParentId', parentParentId);
    $(pane).empty();
    if (pane == "#pane2") {
        $('#pane3').empty();
    }
    paneCntnt = $.ajax({
        url: "/initiatives/includes/initiativeFinder2.asp",
        global: false,
        type: "GET",
        data: "langCd=" + langCd + "&paneNo=" + paneNo + "&clientId=" + clientId,
        dataType: "html",
        async: false
    }).responseText;
    $(pane).html(paneCntnt);
    if (paneCntnt.length == 0) {
        $(divPane).css("display", "none");
    }
    else {
        $(divPane).css("display", "block");
    }
    if (paneNo == 1) {
        if (objOldLi1 != null) {
            objOldLi1.style.backgroundColor = objOldBackgroundColor1;
        }
    }

    if (paneNo == 3) {
        paneCntnt = $.ajax({
            url: "/initiatives/includes/initiativeFinder2.asp",
            global: false,
            type: "GET",
            data: "langCd=" + langCd + "&paneNo=2&clientId=" + parentId,
            dataType: "html",
            async: false
        }).responseText;
        $('#pane2').html(paneCntnt);
        objOldLi1 = document.getElementById('li_' + parentId);
        if (objOldLi2 != null) {
            objOldBackgroundColor2 = objOldLi2.style.backgroundColor;
            objOldLi2.style.backgroundColor = "#3e3e3e";
        }
        objOldLi2 = document.getElementById('li_' + clientId);
        if (objOldLi2 != null) {
            objOldBackgroundColor2 = objOldLi2.style.backgroundColor;
            objOldLi2.style.backgroundColor = "#3e3e3e";
        }
    }
    if (paneNo == 4) {
        paneCntnt = $.ajax({
            url: "/initiatives/includes/initiativeFinder2.asp",
            global: false,
            type: "GET",
            data: "langCd=" + langCd + "&paneNo=2&clientId=" + parentParentId,
            dataType: "html",
            async: false
        }).responseText;
        $('#pane2').html(paneCntnt);
        paneCntnt = $.ajax({
            url: "/initiatives/includes/initiativeFinder2.asp",
            global: false,
            type: "GET",
            data: "langCd=" + langCd + "&paneNo=3&clientId=" + parentId,
            dataType: "html",
            async: false
        }).responseText;
        $('#pane3').html(paneCntnt);

        objOldLi1 = document.getElementById('li_' + parentParentId);
        if (objOldLi1 != null) {
            objOldBackgroundColor1 = objOldLi1.style.backgroundColor;
            objOldLi1.style.backgroundColor = "#3e3e3e";
        }
        objOldLi2 = document.getElementById('li_' + parentId);
        if (objOldLi2 != null) {
            objOldBackgroundColor2 = objOldLi2.style.backgroundColor;
            objOldLi2.style.backgroundColor = "#3e3e3e";
        }
        objOldLi3 = document.getElementById('li_' + clientId);
        if (objOldLi3 != null) {
            objOldBackgroundColor3 = objOldLi3.style.backgroundColor;
            objOldLi3.style.backgroundColor = "#3e3e3e";
        }
    }

    //  Reset the list objects.
    var liObj = document.getElementById(liId);
    if (liObj != null)
    {
        switch (paneNo)
        {
            case 1:
                objOldBackgroundColor1 = liObj.style.backgroundColor;
                if (objOldLi1 != null)
                    objOldLi1.style.backgroundColor = objOldBackgroundColor1;
                objOldLi1 = liObj;
                break;
            case 2:
                objOldBackgroundColor1 = liObj.style.backgroundColor;
                if (objOldLi1 != null)
                    objOldLi1.style.backgroundColor = objOldBackgroundColor1;
                objOldBackgroundColor2 = liObj.style.backgroundColor;
                if (objOldLi2 != null)
                    objOldLi2.style.backgroundColor = objOldBackgroundColor2;
                objOldLi2 = liObj;
                break;
            case 3:
                objOldBackgroundColor3 = liObj.style.backgroundColor;
                if (objOldLi3 != null)
                    objOldLi3.style.backgroundColor = objOldBackgroundColor3;
                objOldLi3 = liObj;
                break;
        }
        liObj.style.backgroundColor = "#3e3e3e";
    }
    if (jQuery.trim($('#pane3').html()).length == 0) {
        twoClmnFlg = true;
        $('#divPane3').css("display", "none");
        $('#divPane4').css("width", "29.58em");
        $('#pane4').css("width", "29.58em");
    }
    else {
        $('#divPane3').css("display", "block");
        $('#divPane4').css("width", "15.1em");
        $('#pane4').css("width", "15.1em");
    }
    $('#pane4').empty();
    paneCntnt = $.ajax({
        url: "/initiatives/includes/initiativeFinder2.asp",
        global: false,
        type: "GET",
        data: "twoClmnFlg=" + twoClmnFlg + "&langCd=" + langCd + "&mode=5&paneNo=" + paneNo + "&clientID=" + clientId,
        dataType: "html",
        async: false
    }).responseText;
    $('#pane4').html(paneCntnt);
    $('#divPane4').css("display", "block");
}