// preload the tree images
var myKahoyMultiSelect = false;
var myKahoyAllowDeselect = false;
var myTreeLastSelectedItem = null;
var myTreeLastSelectedData = null;
var TreeItemDispatch = null;

var htmliconimg = new Image(); htmliconimg.src = "images/icon/htmlicon.gif";
var Licon = new Image(); Licon.src = "images/icon/L.gif";
var Ticon = new Image(); Ticon.src = "images/icon/T.gif";
var tree_Arrow = new Image(); tree_Arrow.src = "images/icon/arrow.gif";
var whiteicon = new Image(); whiteicon.src = "images/icon/white.gif";

// expand or collapse function
function tree_iconclick(sNodeID) {
    mychild = document.getElementById(sNodeID + "Child");
    con = document.getElementById(sNodeID + "x");

    if (mychild.style.display == "none" || mychild.style.display == "") {

        mychild.style.display = "block";
        if (con.src == tree_Arrow.src)
            con.src = tree_Arrow.src;
        else
            con.src = tree_Arrow.src;
    }
    else {
        // way au
        mychild.style.display = "none";

    }
}
// Item click
function tree_itemclick(sNodeID, sKey) {

    myItem = document.getElementById(sNodeID + "Item");
    myItemData = document.getElementById(sNodeID + "Data");

    //tan-awn if selected
    if (myItemData.style.zIndex == 0) {
        myItemData.style.zIndex = 1;
        myItem.style.background = "#FFFFFF";

        if (!myKahoyMultiSelect && myTreeLastSelectedItem != null) {
            // deselect the last one
            myTreeLastSelectedData.style.zIndex = 0;
            myTreeLastSelectedItem.style.background = "#FFFFFF";
        }

        myTreeLastSelectedItem = myItem;
        myTreeLastSelectedData = myItemData;
    }
    else {
        if (myKahoyAllowDeselect) {
            myItemData.style.zIndex = 0;
            myItem.style.background = "#FFFFFF";
            myTreeLastSelected = null;
            myTreeLastSelectedData = null;
        }

    }
}