实现了CheckBox连动效果的treeview

最新推荐文章于 2019-08-02 12:11:03 发布

dadou2007

最新推荐文章于 2019-08-02 12:11:03 发布

阅读量1.1k

点赞数

文章标签： function null styles html timer border

本文链接：https://blog.csdn.net/dadou2007/article/details/1800238

版权

< public:component tagname = treeview literalcontent = true >
     < public:attach event = oncontentready onevent = " oncontentready() " />
     < public:attach event = ondocumentready onevent = " ondocumentready() " />
     < public:attach event = " onscroll " onevent = " onScroll() " />
     < public:event name = " onexpand " id = " _tvevtExpand " />
     < public:event name = " oncollapse " id = " _tvevtCollapse " />
     < public:event name = " onselectedindexchange " id = " _tvevtSelect " />
     < public:event name = " oncheck " id = " _tvevtCheck " />
     < public:event name = " onfirequeuedevents " id = " _tvevtFireQueuedEvents " />
     < public:event name = " onnodebound " id = " _tvevtNodeBound " />
     < public:event name = " onnodetypesbound " id = " _tvevtNodeTypesBound " />
     < public:event name = " onhover " id = " _tvevtHover " />
     < public:event name = " onunhover " id = " _tvevtUnhover " />
     < public:property name = " clickedNodeIndex " GET = " getClickedNodeIndex " />
     < public:property name = " defaultStyle " id = " _tvpropDefaultStyle " GET = " getDefaultStyle " PUT = " setDefaultStyle " />
     < public:property name = " hoverStyle " id = " _tvpropHoverStyle " GET = " getHoverStyle " PUT = " setHoverStyle " />
     < public:property name = " selectedStyle " id = " _tvpropSelectedStyle " GET = " getSelectedStyle " PUT = " setSelectedStyle " />
     < public:property name = " childType " id = " _tvpropChildType " GET = " getChildType " PUT = " setChildType " />
     < public:property name = " imageUrl " id = " _tvpropImageUrl " GET = " getImageUrl " PUT = " setImageUrl " />
     < public:property name = " expandedImageUrl " id = " _tvpropExpandedImageUrl " GET = " getExpandedImageUrl " PUT = " setExpandedImageUrl " />
     < public:property name = " selectedImageUrl " id = " _tvpropSelectedImageUrl " GET = " getSelectedImageUrl " PUT = " setSelectedImageUrl " />
     < public:property name = " target " id = " _tvpropTarget " GET = " getTarget " PUT = " setTarget " />
     < public:property name = " treeNodeSrc " id = " _tvpropTreeNodeSrc " GET = " getTreeNodeSrc " PUT = " setTreeNodeSrc " />
     < public:property name = " treeNodeXsltSrc " id = " _tvpropTreeNodeXsltSrc " GET = " getTreeNodeXsltSrc " PUT = " setTreeNodeXsltSrc " />
     < public:property name = " selectExpands " id = " _tvpropSelectExpands " GET = " getSelectExpands " PUT = " setSelectExpands " />
     < public:property name = " expandLevel " id = " _tvpropExpandLevel " GET = " getExpandLevel " PUT = " setExpandLevel " />
     < public:property name = " autoSelect " id = " _tvpropAutoSelect " GET = " getAutoSelect " PUT = " setAutoSelect " />
     < public:property name = " treeNodeTypeSrc " id = " _tvpropTreeNodeTypeSrc " GET = " getTreeNodeTypeSrc " PUT = " setTreeNodeTypeSrc " />
     < public:property name = " showLines " id = " _tvpropShowLines " GET = " getShowLines " PUT = " setShowLines " />
     < public:property name = " showPlus " id = " _tvpropShowPlus " GET = " getShowPlus " PUT = " setShowPlus " />
     < public:property name = " showToolTip " id = " _tvpropShowToolTip " GET = " getShowToolTip " PUT = " setShowToolTip " />
     < public:property name = " indent " id = " _tvpropIndent " GET = " getIndent " PUT = " setIndent " />
     < public:property name = " selectedNodeIndex " id = " _tvpropSelectedNodeIndex " GET = " getSelectedNodeIndex " PUT = " setSelectedNodeIndex " />
     < public:property name = " systemImagesPath " id = " _tvpropSystemImagesPath " GET = " getSystemImagesPath " PUT = " setSystemImagesPath " />
     < public:method name = " queueEvent " />
     < public:method name = " getTreeNode " />
     < public:method name = " addAt " />
     < public:method name = " createTreeNode " />
     < public:method name = " getTreeNodeType " />
     < public:method name = " createTreeNodeType " />
     < public:method name = " addTreeNodeType " />
     < public:method name = " add " />
     < public:method name = " databind " />
     < public:method name = " databindTypes " />
     < public:method name = " getChildren " />

</ public:component >

< script language = javascript >

var contentNode;
var treeviewNode;
var g_typesNode;
var g_styles;
var g_event;
var g_timer = - 1 ;
var g_nodeClicked = null ;
var g_strQueuedEvents = "" ;
var g_bInteractive = false ;
var g_numStop = 0 ;
var g_selectedNodeBeforeDelay = "" ;
var g_bFocus = false ;
var g_bCreated = false ;
var g_typeIsland = null ;
var g_bNodesReady = false ;
var g_bTypesReady = false ;
var g_bMouseDown = false ;
var g_pendingBinds = new Array( 0 );
var g_pendingSyncBinds = new Array( 0 );
var g_bindTimer = - 1 ;
var g_bLock = false ;
var g_bInTypesBoundEvent = false ;
var L_strMSXMLError_Text = " Error creating MSXML object.  Please make sure the MSXML library is installed on your computer. " ;
var L_strRetrievingNodes_Text = " Retrieving nodes... " ;
var L_strXMLError_Text = " Error loading XML file %s " ;
var L_strInvalidXML_Text = " Invalid XML in %s " ;
var L_strXSLTError_Text = " or unsupported XSLT in %s " ;
var L_fontSize_Text = " 10pt " ;
var L_fontName_Text = " Times " ;
var L_strToolTip_Text = " Use +/- to expand/collapse " ;

// properties
var prop_defaultStyle = null ;
var prop_hoverStyle = null ;
var prop_selectedStyle = null ;
var prop_childType = null ;
var prop_imageUrl = null ;
var prop_expandedImageUrl = null ;
var prop_selectedImageUrl = null ;
var prop_target = null ;
var prop_treeNodeSrc = null ;
var prop_treeNodeXsltSrc = null ;
var prop_selectExpands = null ;
var prop_expandLevel = - 1 ;
var prop_autoSelect = false ;
var prop_treeNodeTypeSrc = null ;
var prop_showLines = true ;
var prop_showPlus = true ;
var prop_showToolTip = true ;
var prop_indent = 19 ;
var prop_selectedNodeIndex = null ;
var prop_systemImagesPath = null ;

//
// QueueEvent()
//
// Queue an event for later posting to the server, when the
// _tvevtFireQueuedEvents event fires.
//
function queueEvent(strEvent, strParams)
{
     if (g_strQueuedEvents.length > 0 )
        g_strQueuedEvents += " ; " ;
    g_strQueuedEvents += (strEvent + " , " + strParams);
    setHiddenHelperValue();
}

function getQueuedEvents()
{
     return g_strQueuedEvents;
}

function fireQueuedEvents()
{
     if (g_strQueuedEvents != "" )
    {
         if (getAttribute( " onfirequeuedevents " ) != null )
        {
             if (g_timer != - 1 )
            {
                 // force pending autoSelect to trigger
                window.clearTimeout(g_timer);
                autoSelect();
            }
             else
            {
                g_bInteractive = false ;
                g_numStop = 0 ;
                _tvevtFireQueuedEvents.fire();
            }
        }
    }
}

//
// SetAnchorClass()
//
// Set the cssText property in addition to the className, since just setting className
// doesn't do the trick.
//
// node: Anchor to which we're applying a new class
// name: the class to apply
//        DefaultStyle: Apply DefaultStyle
//        HoverStyle: Apply DefaultStyle, then HoverStyle
//        SelectedStyle: Apply DefaultStyle, then SelectedStyle
//

function SetAnchorClass(node, name)
{
     var strStyle = "" ;
     var lname = name.toLowerCase();

     // Everything is based on DefaultStyle
    strStyle += cascadeStyle(getParentTreeNode(node), " defaultstyle " );

     if (lname != " defaultstyle " )
    {
         var str = cascadeStyle(getParentTreeNode(node), lname);
         if (str != null )
        {
            strStyle += " ; " + str;
        }
    }
    node.style.cssText = strStyle;
     if (lname == " hoverstyle " && g_bFocus == false )
        blurFilter(node);

    node.className = lname;
}

//
// getParentTreeNode()
//
// Walk up the display tree (NOT the TREENODE tree) until we find an element with
// a treenode expando.
//
function getParentTreeNode(node)
{
     var el = node;
     while (el != null && el.getAttribute( " treenode " ) == null )
        el = el.parentElement;
     return el.getAttribute( " treenode " );
}

//
// HoverNode()
//
// Apply hover effect to given text node
//
// textnode: textnode (id: _tntext) to apply hover to, or treenode
//
function HoverNode(textnode)
{
     var node;

     if (textnode.tagName.toLowerCase() == " treenode " )
        node = textnode.subtree.all.item( " _tntext " , 0 );
     else
        node = textnode;

     var nodeIndex = getNodeIndex(getParentTreeNode(node));

     if (node.className == " defaultstyle " )
    {
        SetAnchorClass(node, " hoverstyle " );
        HoverNodeIndex = nodeIndex;
    }
     else if (node.className != " hoverstyle " )
        HoverNodeIndex = "" ;
    e = element.document.createEventObject();
    e.treeNodeIndex = nodeIndex;
    _tvevtHover.fire(e);
    setHiddenHelperValue();
}

//
// UnhoverNode()
//
// Remove hover effect from given text node
//
// textnode: textnode (id: _tntext) to remove hover from, or treenode
//
function UnhoverNode(textnode)
{
     if (textnode != null )
    {
         var node;
         if (textnode.tagName.toLowerCase() == " treenode " )
            node = textnode.subtree.all.item( " _tntext " , 0 );
         else
            node = textnode;

         if (node.className == " hoverstyle " )
        {
            SetAnchorClass(node, " defaultstyle " );
        }
        e = element.document.createEventObject(event);
         if (HoverNodeIndex == "" )
            e.treeNodeIndex = getNodeIndex(getParentTreeNode(node))
         else
            e.treeNodeIndex = HoverNodeIndex;
        _tvevtUnhover.fire(e);
        HoverNodeIndex = "" ;
        setHiddenHelperValue();
    }
}

// mOver()
//
// onmouseover handler for the anchor of a treenode
//
function mOver()
{
     if (g_bInteractive == true )
    {
         var oItem = this .all.item( " _tntext " , 0 );
         if (HoverNodeIndex.length > 0 )
            UnhoverNode(getNodeFromIndex(HoverNodeIndex));
        HoverNode(oItem);
    }
}

//
// mOut()
//
// onmouseout handler for the anchor of a treenode
//
function mOut()
{
     if (g_bInteractive == true )
    {
         var node = this .parentElement.treenode;
         var nodeIndex = getNodeIndex(node)
         if (nodeIndex == HoverNodeIndex)
        {
            UnhoverNode(node);
            window.status = window.defaultStatus;
        }
         else if (nodeIndex == selectedNodeIndex)
        {
            e = element.document.createEventObject(event);
            e.treeNodeIndex = nodeIndex;
            _tvevtUnhover.fire(e);
        }
    }
}

//
// onkeydown
//
function onkeydown()
{
     if ( ! g_bInteractive)
         return ;

     if (event.altKey == true )
         return ;

     var oldNode;
     var hoverNode = null ;
     if (HoverNodeIndex.length > 0 )
    {
        oldNode = getNodeFromIndex(HoverNodeIndex);
        hoverNode = oldNode;
    }
     else
        oldNode = getNodeFromIndex(selectedNodeIndex);
     switch (event.keyCode)
    {
         case 187 :    // keyboard +/=
             if (event.shiftKey != true )
                 break ;
             // else fall through
         case 107 :    // keypad +
             if (oldNode.getAttribute( " expanded " ) != true )
            {
                doNodePlusMinusClick(oldNode);
                fireQueuedEvents();
            }
            event.returnValue = false ;
             break ;
         case 189 :    // keyboard -/_
             if (event.shiftKey == true )
                 break ;
             // else fall through
         case 109 :    // keypad -
             if (oldNode.getAttribute( " expanded " ) == true )
            {
                doNodePlusMinusClick(oldNode);
                fireQueuedEvents();
            }
            event.returnValue = false ;
             break ;
         case 39 :     // right arrow
            event.returnValue = false ;
             if (oldNode.children.tags( " treenode " ).length == 0 )
            {
                 var exp = getNodeAttribute(oldNode, " expandable " );
                 if (exp == null && oldNode.getAttribute( " TreeNodeSrc " ) != null )
                    exp = " checkOnce " ;
                 if (oldNode.getAttribute( " expanded " ) == true || ! (exp == " always " || (exp == " checkOnce " && oldNode.getAttribute( " checkedExpandable " ) != true )))
                     break ;
            }
             if (oldNode.getAttribute( " expanded " ) != true )
            {
                doNodePlusMinusClick(oldNode);
                updateStatus(oldNode);
                fireQueuedEvents();
                 break ;
            }
             // fall through
         case 40 :     // down arrow
             var node = getNextVisibleNode(oldNode);
             if (node != null )
            {
                 if (element.getAttribute( " autoselect " ) == true )
                {
                    selectNode(node, true );
                    updateStatus(node);
                    UnhoverNode(hoverNode);
                }
                 else
                {
                    UnhoverNode(oldNode);
                    HoverNode(node);
                    changeFocus(node, oldNode);
                    updateStatus(node);
                }
                scrollTree(node);
            }
            event.returnValue = false ;
             break ;
         case 37 :     // left arrow
             if (oldNode.getAttribute( " expanded " ) == true )
            {
                doNodePlusMinusClick(oldNode);
                fireQueuedEvents();
            }
             else
            {
                 // jump the hover up to the parent node
                 var node = oldNode.parentElement;
                 while (node.tagName.substr( 0 , 4 ).toLowerCase() != " tree " )
                    node = node.parentElement;
                 if (node.tagName.toLowerCase() == " treenode " )
                {
                     if (element.getAttribute( " autoselect " ) == true )
                    {
                        selectNode(node, true );
                        updateStatus(node);
                        UnhoverNode(hoverNode);
                    }
                     else
                    {
                        UnhoverNode(oldNode);
                        HoverNode(node);
                        changeFocus(node, oldNode);
                        updateStatus(node);
                    }
                    scrollTree(node);
                }
            }
            event.returnValue = false ;
             break ;
         case 38 :     // up arrow
             var node = getPreviousVisibleNode(oldNode);
             if (node != null )
            {
                 if (element.getAttribute( " autoselect " ) == true )
                {
                    selectNode(node, true );
                    updateStatus(node);
                    UnhoverNode(hoverNode);
                }
                 else
                {
                    UnhoverNode(oldNode);
                    HoverNode(node);
                    changeFocus(node, oldNode);
                    updateStatus(node);
                }
                scrollTree(node);
            }
            event.returnValue = false ;
             break ;
         case 32 :     // spacebar
             var cb = oldNode.subtree.all.item( " _cb " , 0 );
             if (cb != null )
            {
                cb.setAttribute( " checked " , ! cb.getAttribute( " checked " ), 0 );
                doCheckboxClick(oldNode);
                fireQueuedEvents();
            }
            event.returnValue = false ;
             break ;
         case 13 :     // enter key
            doNodeClick(oldNode)
             if ( ! navigateNode(oldNode))
            {
                 if (element.getAttribute( " selectExpands " ) == true )
                    doNodePlusMinusClick(oldNode);
                fireQueuedEvents();
            }
            event.returnValue = false ;
             break ;
    }
}

//
// changeFocus()
//
function changeFocus(node, oldNode)
{
     var accessnode = node.subtree.all.item( " _tnaccess " , 0 );
    accessnode.tabindex = 1 ;
    accessnode.focus();
    accessnode = oldNode.subtree.all.item( " _tnaccess " , 0 );
    accessnode.tabindex = - 1 ;
}

//
// updateStatus()
//
function updateStatus(node)
{
     var href = node.getAttribute( " navigateurl " );
     if (href != null )
        window.status = href;
     else
        window.status = window.defaultStatus;
}

//
// onstop
//
function onstop()
{
    g_numStop ++ ;
     if (g_numStop >= 2 )
    {
        g_bInteractive = true ;
    }

     for ( var i = 0 ; i < g_pendingBinds.length; i ++ )
    {
         if (g_pendingBinds[i] != null && g_pendingBinds[i].el != null )
            g_pendingBinds[i].el._bound = null ;
    }
}

//
// onfocus
//
function onfocus()
{
     if ( ! g_bFocus)
    {
        dofocus();
    }
}

//
// dofocus
//
function dofocus()
{
     var node = null ;
    g_bFocus = true ;   // sometimes we just call dofocus() without going through onfocus()
     try
    {
        node = getNodeFromIndex(selectedNodeIndex);
    }
     catch (e)
    {
    }
     if (node != null )
    {
         var oItem = node.subtree.all.item( " _tnaccess " , 0 );
         if (oItem != null )
        {
             if (g_bInteractive)
            {
                focusFilter(oItem);
                oItem.tabIndex = 1 ;
                 if ( ! g_bMouseDown) // don't scroll the window when selecting a new node
                {
                     try
                    {
                         var prevScrollTop = element.scrollTop;
                         var prevScrollLeft = element.scrollLeft;

                        oItem.focus();

                        element.scrollTop = prevScrollTop;
                        element.scrollLeft = prevScrollLeft;
                    }
                     catch (e)
                    {
                    }
                }
            }
        }
    }

    node = null ;
     try
    {
        node = getNodeFromIndex(HoverNodeIndex);
    }
     catch (e)
    {
    }

     if (node != null && g_bInteractive)
    {
         var oItem = node.subtree.all.item( " _tnaccess " , 0 );
         if (oItem != null )
            focusFilter(oItem);
    }
}

//
// focusFilter
//
function focusFilter(oItem)
{
     if (oItem.id == " _tnaccess " )
        oItem = oItem.all.item( " _tntext " , 0 );
     if (oItem.filters.length > 0 )
    {
         var oFilter = oItem.filters.item( " DXImageTransform.Microsoft.Alpha " );
         if (oFilter)
        {
            oFilter.opacity *= 2 ;
        }
    }
}

//
// onblur
//
function onblur()
{
     var node = null ;
    g_bFocus = false ;
     try
    {
        node = getNodeFromIndex(selectedNodeIndex);
    }
     catch (e)
    {
    }

     if (node != null )
    {
         var oItem = node.subtree.all.item( " _tnaccess " , 0 );
         if (oItem != null )
        {
            blurFilter(oItem);
            oItem.tabIndex = - 1 ;
        }
    }

    node = null ;
     try
    {
        node = getNodeFromIndex(HoverNodeIndex);
    }
     catch (e)
    {
    }
     if (node != null )
    {
         var oItem = node.subtree.all.item( " _tnaccess " , 0 );
         if (oItem != null )
        {
            blurFilter(oItem);
            oItem.tabIndex = - 1 ;
        }
    }
    setHiddenHelperValue();
}

//
// blurFilter
//
// decreases alpha filter opacity on given node by 50%, adding one if needed
//
function blurFilter(oItem)
{
     if (oItem.id == " _tnaccess " )
        oItem = oItem.all.item( " _tntext " , 0 );
     if (oItem.filters.length > 0 )
    {
         var oFilter = oItem.filters.item( " DXImageTransform.Microsoft.Alpha " );
         if (oFilter)
        {
            oFilter.opacity /= 2 ;
             return ;
        }
    }
    oItem.style.filter += " progid:DXImageTransform.Microsoft.Alpha(opacity=50,style=0) " ;
}

//
// oncontentready
//
// oncontentready handler for the TREEVIEW element.  Initializes the tree.
//
function oncontentready()
{
     if (element.document.parentWindow.name.indexOf( " __hifSmartNav " ) == 0 )
         return ; // don't run script in SmartNav's IFrame

    g_styles = new Object();
     var strFont = " font: " + L_fontSize_Text + " " + L_fontName_Text + " ; " ;
    g_styles[ " parent " ] = strFont + " text-decoration: none; color: black; overflow:hidden; " ;
    g_styles[ " child " ] = strFont + " overflow:hidden; " ;
    g_styles[ " defaultstyle " ] = strFont + " display:inline-block; color: black; text-decoration:none; cursor: hand; overflow:hidden; " ;
    g_styles[ " hoverstyle " ] = " color: highlighttext; background-color:highlight; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50,style=0); " ;
    g_styles[ " selectedstyle " ] = " color: highlighttext; background-color:highlight; " ;
    g_styles[ " icon " ] = " cursor:hand; " ;

     if (element.style.overflowX == "" );
        element.style.overflowX = " auto " ;

     //
     // Set treeview attributes to boolean
     //
    verifyBooleanAttribute(element, " showPlus " );
     if (element.getAttribute( " showPlus " ) == false && element.getAttribute( " selectExpands " ) == null )
        element.setAttribute( " selectExpands " , true , 0 );
    verifyBooleanAttribute(element, " selectExpands " );
    verifyBooleanAttribute(element, " autoSelect " );
    verifyBooleanAttribute(element, " showLines " );
    verifyBooleanAttribute(element, " showToolTip " );

     var systemImagesPath = element.getAttribute( " SystemImagesPath " );
     if (systemImagesPath == null )
        element.setAttribute( " SystemImagesPath " , " treeimages/ " , 0 );
     else if (systemImagesPath.charAt(systemImagesPath.length - 1 ) != ' / ' )
        element.setAttribute( " SystemImagesPath " , systemImagesPath + ' / ' , 0 );
     if (isRtl())
    {
        element.setAttribute( " SystemImagesPath " , element.getAttribute( " SystemImagesPath " ) + " rtl/ " , 0 );
    }

     // Create div for parsing content
    contentNode = element.document.createElement( " treeview " );
    contentNode.innerHTML = element.innerHTML;

    element.tabIndex = 0 ;
    element.attachEvent( " onkeydown " , onkeydown);
    element.attachEvent( " onfocus " , onfocus);
    element.attachEvent( " onblur " , onblur);
    f_AddStopEvent();
    element.hideFocus = true ;

     if (element.getAttribute( " selectedNodeIndex " ) == null )
        prop_selectedNodeIndex = "" ;

     if (element.getAttribute( " HoverNodeIndex " ) == null )
        element.setAttribute( " HoverNodeIndex " , "" , 0 );

     // Create nodeTypes collection on the element
     if (element.getAttribute( " TreeNodeTypeSrc " ) == null )
    {
        element.nodeTypes = contentNode.children.tags( " TREENODETYPE " );
        verifyTypeValues();
        g_bTypesReady = true ;
    }
     else
        databindTypes();

     if (treeNodeSrc != null )
    {
         if (element.nodeTypes != null )
        {
            contentNode.innerHTML = getNodeTypeHtml();
            element.nodeTypes = contentNode.children.tags( " TREENODETYPE " );
        }
         else
            contentNode.innerHTML = "" ;
        databindNode(element);
    }
     else
    {
        g_bNodesReady = true ;
        tryToBuildTreeFromRoot();
    }
}

//
// ondocumentready()
//
function ondocumentready()
{
     if (element.document.parentWindow.name.indexOf( " __hifSmartNav " ) == 0 )
         return ; // don't run script in SmartNav's IFrame

    f_CleanupEvents();

    g_strQueuedEvents = "" ;

     if (HoverNodeIndex.length > 0 )
        HoverNode(getNodeFromIndex(HoverNodeIndex));

    g_bInteractive = true ;

     if (element.getAttribute( " Focused " ) != null )
        dofocus();
     else
        onblur();

     var newScrollTop = element.getAttribute( " __scrollTop " );
     var newScrollLeft = element.getAttribute( " __scrollLeft " );
     if (newScrollTop != null )
        element.scrollTop = newScrollTop;
     if (newScrollLeft != null )
        element.scrollLeft = newScrollLeft;

     var parent = element.offsetParent;
     if (parent != null )
    {
         var newParentTop = element.getAttribute( " __parentTop " );
         var newParentLeft = element.getAttribute( " __parentLeft " );
         if (newParentTop != null )
            parent.scrollTop = newParentTop;
         if (newParentLeft != null )
            parent.scrollLeft = newParentLeft;
    }

     // verify selectedNodeIndex
     if (getNodeFromIndex(selectedNodeIndex) == null )
    {
         if (getNodeFromIndex( " 0 " ) != null )
            selectedNodeIndex = " 0 " ;
         else
            selectedNodeIndex = "" ;
    }
}

//
// changeIcon(node, imageUrl)
//
// Change the icon to the given Url.  If the Url isn't found, don't change anything.  The exception
// is if we try to set the icon to an unspecified ExpandedImageUrl, we instead show the ImageUrl.
//

function changeIcon(node, imageUrl)
{
     var icon1;
     var imageUrlLC = imageUrl.toLowerCase();
     var textnode = node.subtree.all( " _tntext " , 0 );
     var accessnode = node.subtree.all( " _tnaccess " , 0 );
     var spacer = accessnode.previousSibling;
     if (spacer != null )
    {
        icon1 = spacer.previousSibling;
         if (icon1 != null && icon1.id != " _nodeicon " )
            icon1 = null ;
    }
     else
        icon1 = null ;
     var newSrc = getNodeAttribute(node, imageUrlLC);

     if (newSrc != null && icon1 == null )
    {
         // node's ImageUrl attribute was not defined, so there is no icon.  Make one.
        icon1 = node.document.createElement( " <IMG align='absmiddle' border='0' class='icon' id='_nodeicon' > " );
        icon1.src = newSrc;
        accessnode.parentElement.insertBefore(icon1, accessnode);
         // don't forget the spacer
        spacer = node.document.createElement( " <SPAN> " );
        spacer.style.width = 5 ;
        accessnode.parentElement.insertBefore(spacer, accessnode);
    }
     else if (newSrc != null )
    {
        icon1.src = newSrc;
        icon1.style.display = " inline " ;
    }
     else if (imageUrlLC == " imageurl " )
    {
         if (icon1 != null )
        {
             // If the node's ImageUrl isn't defined, we don't want to leave a selected or expanded icon showing.  Hide it.
            icon1.style.display = " none " ;
        }
    }
     else if (imageUrlLC == " selectedimageurl " && node.getAttribute( " expanded " ) == true )
        changeIcon(node, " expandedimageurl " );
     else
        changeIcon(node, " imageurl " );
     if (icon1 != null )
    {
        icon1.style.cursor = textnode.style.cursor;
        spacer.style.cursor = textnode.style.cursor;
    }
}

//
// selectNode(node)
//
// Make node the selected node, unselecting the previously selected node.
//
// node: node to select
// delay: TRUE to delay event firing (used on keyboard nav with autoselect=true)
//
function selectNode(node, delay)
{
     var nodeIndex;
     var selectedNode = null ;
     var strImage;
     var oItem;
     var oOldItem = null ;

     if (node && node.subtree == null )
        node = getNodeFromIndex( " 0 " ); // can't select a node that hasn't been built; select root instead

    nodeIndex = getNodeIndex(node);
     if (selectedNodeIndex != nodeIndex)
    {
         if (selectedNodeIndex != "" && selectedNodeIndex != null )
        {
             // unselect previous item
            selectedNode = getNodeFromIndex(selectedNodeIndex);
             if (selectedNode != null && selectedNode.subtree != null )
            {
                oOldItem = selectedNode.subtree.all.item( " _tntext " , 0 );
                SetAnchorClass(oOldItem, " defaultstyle " );
                oOldItem.parentElement.tabIndex = - 1 ;
                 // restore old icon
                 if (selectedNode.getAttribute( " expanded " ) == true )
                    strImage = " ExpandedImageUrl " ;
                 else
                    strImage = " ImageUrl " ;
                changeIcon(selectedNode, strImage);
            }
        }

         if (node)
        {
            oItem = node.subtree.all.item( " _tntext " , 0 );
            applySelection(node, oItem);
        }

         if (selectedNodeIndex.length > 0 )
        {
             // Fire event
            g_event = createEventObject();
            g_event.newTreeNodeIndex = nodeIndex;
            g_event.oldTreeNodeIndex = selectedNodeIndex;
            prop_selectedNodeIndex = nodeIndex;
             if (delay != true )
                _tvevtSelect.fire(g_event);
             else
            {
                 if (g_timer != - 1 )
                    window.clearTimeout(g_timer);
                g_timer = window.setTimeout(autoSelect, 500 , " JScript " );
                 if (g_selectedNodeBeforeDelay == "" )
                    g_selectedNodeBeforeDelay = g_event.oldTreeNodeIndex;
            }
        }
         else
            prop_selectedNodeIndex = nodeIndex;

         // Because we use a timeout to set focus, between a nodeclick and changing the selected node
         // a user's event, which could have an alert, can occur.  An alert blurs the tree, which
         // leaves the old selected node with a 50% filter.  So if we're blurred when we unselect the
         // old node, call focusFilter to it to correct the problem.
         if ( ! g_bFocus && g_bInteractive)
        {
             if (oOldItem != null )
                focusFilter(oOldItem);
        }
    }
    setHiddenHelperValue();   // here instead of inside the main IF to preserve focus change
}

function autoSelect()
{
    g_timer = - 1 ;
     if (selectedNodeIndex != g_selectedNodeBeforeDelay)
    {
        navigateNode(getNodeFromIndex(g_event.newTreeNodeIndex));
        _tvevtSelect.fire(g_event);
        fireQueuedEvents();
    }
    g_selectedNodeBeforeDelay = "" ;
}

//
// applySelection()
//
function applySelection(node, oItem)
{
    SetAnchorClass(oItem, " SelectedStyle " );

     // set new icon
    changeIcon(node, " SelectedImageUrl " );

    scrollTree(node);

     if (selectedNodeIndex.length > 0 )
    {
         if (g_bFocus)
            changeFocus(node, getNodeFromIndex(selectedNodeIndex));
    }

     //   We need to blur node if we re-selected it while blurred (which can happen when using client OM)
     if ( ! g_bFocus && g_bInteractive)
    {
        blurFilter(oItem);
    }
}

//
// reselectNode()
//
function reselectNode(el)
{
     if (selectedNodeIndex == getNodeIndex(el))
        applySelection(el, el.subtree.all.item( " _tntext " , 0 ));
}

//
// tryToBuildTreeFromRoot()
//
function tryToBuildTreeFromRoot()
{
     if (g_bNodesReady == true && g_bTypesReady == true )
    {
         var bRebuilding = g_bCreated;

        buildTreeFromRoot();

         if (selectedNodeIndex.length == 0 )
        {
            prop_selectedNodeIndex = " 0 " ;
        }
         var node = getNodeFromIndex(selectedNodeIndex);
        prop_selectedNodeIndex = "" ;
        selectNode(node);
    }
}

//
// buildTreeFromRoot()
//
function buildTreeFromRoot()
{
     // Create TREEVIEW surrogate div, to encapsulate all other DIVs.
    treeviewNode = element.document.createElement( " HTML " );
     var bodyNode = element.document.createElement( " BODY " );
    bodyNode.dir = element.getAttribute( " dir " );
    bodyNode.style.direction = element.currentStyle.direction;

     var head = element.document.createElement( " HEAD " );
     var base = element.document.createElement( " BASE " );
     var path = null ;
     if (window.location.pathname != null )
    {
         var lastslash = window.location.pathname.lastIndexOf( " / " );
         if (lastslash != - 1 )
            path = window.location.pathname.substr( 0 , lastslash + 1 );
         else
            path = window.location.pathname;
    }
     var protocol = window.location.protocol.toLowerCase();
    base.href = window.location.protocol + (protocol != " mailto: " && protocol != " news: " ? " // " : "" ) + window.location.host + path;
    head.appendChild(base);
    treeviewNode.appendChild(head);

     var kids = contentNode.children.tags( " treenode " );
     if (kids[ 0 ] != undefined)
    {
         for ( var i = 0 ; i < kids.length; i ++ )
        {
            kids[i].sibIndex = i;
             var subtree = buildTree(kids[i], 0 );
            bodyNode.appendChild(subtree);
        }
    }
    treeviewNode.appendChild(bodyNode);

     // Create viewlink.
    treeviewNode.style.display = " block " ;
    treeviewNode.subtree = bodyNode;
    defaults.viewLink = treeviewNode.document;
    setHiddenHelperValue();

    g_bCreated = true ;
}

//
// buildTree()
//
// Recursively traverses the
// parsed TREEVIEW tree and creates the document tree of nested
// DIVs for the viewlink.
//
// root: Root node of the subtree to build
// level: level of the tree
//
// returns: created subtree
//
function buildTree(root, level)
{
     var display = true ;
     if (root.subtree != null && root.subtree.style.display == " none " )
        display = false ;

    root.detachEvent( " onclick " , DefaultNodeOnClick);
    root.attachEvent( " onclick " , DefaultNodeOnClick);

     // clear all cached values for this node
    root.inheritedType = undefined;
    root.nodetypeIndex = undefined;

     // process expandLevel
     var exp = makeBoolean(root.getAttribute( " expanded " ));
     if (exp == null )
    {
         if (level < element.getAttribute( " ExpandLevel " ))
        {
            root.setAttribute( " expanded " , true , 0 );
            exp = true ;
        }
         else
            exp = false ;
    }

     //
     // convert string values to boolean
     //
     if ( ! verifyBooleanAttribute(root, " expanded " ))
        root.setAttribute( " expanded " , false , 0 );
     if ( ! verifyBooleanAttribute(root, " checked " ))
        root.setAttribute( " checked " , false );
    verifyBooleanAttribute(root, " checkBox " );
    verifyBooleanAttribute(root, " checkedExpandable " );

     if (root.getAttribute( " type " ) != null )
        root.setAttribute( " type " , root.getAttribute( " type " ).toLowerCase(), 0 );
     if (root.getAttribute( " childType " ) != null )
        root.setAttribute( " childType " , root.getAttribute( " childType " ).toLowerCase(), 0 );

     // Create this node first
     var collChildren = root.children.tags( " treenode " );
     var iChildren = collChildren.length;
     var expandable = getNodeAttribute(root, " expandable " );
     if (expandable == null && root.getAttribute( " TreeNodeSrc " ) != null )
        expandable = " checkOnce " ;
     if (root.getAttribute( " _bound " ) != " binding " )
    {
         var subtree = generateItem(root, iChildren > 0 || (expandable == " always " || (expandable == " checkOnce " && root.getAttribute( " checkedExpandable " ) != true )) ? " parent " : " child " );
         if (display == false )
            subtree.style.display = " none " ;

         if (exp == true && root.getAttribute( " TreeNodeSrc " ) != null && root.getAttribute( " _bound " ) != " complete " )
        {
             // Databind.  When databinding is finished, this subtree will be built automatically
            root.setAttribute( " expanded " , true , 0 );
            saveSubtree(root, subtree);
            databindNode(root);
        }
         else
        {
             // Create children
             if (root.getAttribute( " expanded " ) == true )
            {
                 for ( var i = 0 ; i < iChildren; i ++ )
                {
                    collChildren[i].sibIndex = i;
                     var sub2 = buildTree(collChildren[i], level + 1 );
                     if (sub2 != undefined)
                        subtree.appendChild(sub2);
                }
            }
             else
            {
                 for ( var i = 0 ; i < iChildren; i ++ )
                {
                     if (collChildren[i].getAttribute( " subtree " ) != null )
                        collChildren[i].subtree = null ;
                }
            }
            saveSubtree(root, subtree);
        }
    }

     return root.subtree;
}

//
// saveSubtree(el, subtree)
//
function saveSubtree(el, subtree)
{
     if (el.getAttribute( " subtree " ) == null )
        el.subtree = subtree;
     else {
        el.subtree.replaceNode(subtree);
        el.subtree = subtree;
    }
}

//
// calcJunction(el)
//
// Determine if this node is at an L, T, or top root (R) junction.
//
function calcJunction(el)
{
     var elParent = el.parentElement;
     var collChildren = elParent.children.tags( " treenode " );

     if (elParent.tagName == " treeview "    && collChildren[ 0 ] == el)
    {
         if (collChildren.length > 1 )
             return ( ' F ' );
         else
             return ( ' R ' );
    }
     else
    {
         if (collChildren[collChildren.length - 1 ] == el)
        {
             return ( ' L ' );
        }
         else
        {
             return ( ' T ' );
        }
    }
}

//
// generateItem(el, nodeclass)
//
// Creates the DOM object tree for a TREEVIEW item.
//
// el: TREENODE element for which the tree is generated
// nodeclass: "parent" or "child" (leaf)
//
function generateItem(el, nodeClass)
{
     var image;
     var plusminusNode;
     var elAnchor;

     var expImgUrl = getNodeAttribute(el, " ExpandedImageUrl " );
     var imgUrl = getNodeAttribute(el, " ImageUrl " );
     var node = el.document.createElement( " DIV " );
     var cJunction;
     var junctionNode;
     var str;

    node.className = nodeClass;
    node.treenode = el;
    node.noWrap = true ;
    node.style.display = " block " ;

     if (nodeClass == " child " && el.getAttribute( " expanded " ) == true )
        el.setAttribute( " expanded " , false , 0 );

     // Determine L, T, or root junction
    cJunction = calcJunction(el);
    junctionNode = generateJunctionNode(el, cJunction, nodeClass);
    node.appendChild(junctionNode);

    addLinesAndWhitespace(node, el, junctionNode);

     // Add checkbox
     if (getNodeAttribute(el, " checkBox " ) == true )
    {
         var cb = createCheckBox(el);
        node.appendChild(cb);
    }

     // Add anchor tag
    elAnchor = el.document.createElement( " <A> " );
    elAnchor.onclick = nodePlusMinusClick;
    junctionNode.applyElement(elAnchor, " outside " );

     // Add second anchor for image/text
    elAnchor = el.document.createElement( " <A tabindex=-1> " );
    str = getNodeAttribute(el, " NavigateUrl " );
     if (str != null && str != "" )
    {
        elAnchor.href = str;
    }
    str = getNodeAttribute(el, " Target " );
     if (str != null )
        elAnchor.target = str;

     // For accessibility, generate another anchor to enclose the text node
     var accessAnchor = elAnchor.cloneNode();
    accessAnchor.id = " _tnaccess " ;

    elAnchor.onclick = nodeClick;
    elAnchor.oncontextmenu = contextmenu;
    elAnchor.onmousedown = mousedown;
    elAnchor.onmouseup = mouseup;
    node.insertBefore(elAnchor);

    imageSrc = (nodeClass == " parent " && el.getAttribute( " expanded " ) == true && expImgUrl != null ? expImgUrl : imgUrl);

     var spacer = null ;
     if (imageSrc != null && imageSrc != undefined)
    {
        image = el.document.createElement( " <IMG align='absmiddle' border='0' class='icon' id='_nodeicon'> " );
        image.src = imageSrc;
        image.style.cssText = g_styles[ " icon " ];
        elAnchor.appendChild(image);
        spacer = el.document.createElement( " <SPAN> " );
        spacer.style.width = 5 ;
        elAnchor.appendChild(spacer);
    }

     var textNode = generateTextNode(el);
     if (spacer != null )
    {
        spacer.style.cursor = textNode.style.cursor;
        image.style.cursor = textNode.style.cursor;
    }

     if (nodeClass == " parent " && element.getAttribute( " showToolTip " ) != false )
        accessAnchor.title = textNode.innerText + " : " + L_strToolTip_Text;

    accessAnchor.appendChild(textNode);
    elAnchor.appendChild(accessAnchor);

    elAnchor.onmouseenter = mOver;
    elAnchor.onmouseleave = mOut;

     return node;
}

//
// createCheckBox
//
function createCheckBox(el)
{
     var form = el.document.createElement( " <FORM style='display:inline' name='_fcb'> " );
     var bChecked = el.getAttribute( " checked " );
     var cb = el.document.createElement( " <INPUT style='display:inline' tabindex=-1 type=checkbox name='_cb' " + (bChecked ? " checked " : " " ) + " /> " );
    cb.onclick = checkboxClick;
    form.appendChild(cb);

     return form;
}

//
// generateJunctionNode()
//
function generateJunctionNode(el, cJunction, nodeClass)
{
     var imageSrc;
     var junctionNode;
     var systemImagesPath = element.getAttribute( " systemImagesPath " );

     if (element.getAttribute( " showLines " ) != false )
    {
        imageSrc = systemImagesPath;
         switch (cJunction)
        {
             case ' L ' :
                imageSrc += " L " ;
                 break ;
             case ' T ' :
                imageSrc += " T " ;
                 break ;
             case ' R ' :
                imageSrc += " R " ;
                 break ;
             case ' F ' :
                imageSrc += " F " ;
                 break ;
             default :
                 return null ;
                 break ;
        }
         if (nodeClass == " parent " && element.getAttribute( " showPlus " ) != false )
        {
             if (el.getAttribute( " expanded " ) == true )
                imageSrc += " minus.gif " ;
             else
                imageSrc += " plus.gif " ;
        }
         else
            imageSrc += " .gif " ;
    }
     else
    {
         if (nodeClass == " parent " && element.getAttribute( " showPlus " ) != false )
        {
             if (el.getAttribute( " expanded " ) == true )
                imageSrc = systemImagesPath + " minus.gif " ;
             else
                imageSrc = systemImagesPath + " plus.gif " ;
        }
         else
        {
            imageSrc = systemImagesPath + " white.gif " ;
        }
    }
     if (element.getAttribute( " showLines " ) == false && element.getAttribute( " showPlus " ) == false )
        junctionNode = element.document.createElement( " <SPAN name='junction'> " );
     else
    {
        junctionNode = element.document.createElement( " <IMG align='absmiddle' border='0' class='icon' name='junction'> " );
        junctionNode.src = imageSrc;
    }
     return junctionNode;
}

//
// addLinesAndWhitespace()
//
function addLinesAndWhitespace(node, el, junctionNode)
{
     //
     // Walk up tree to draw lines/whitespace
     //
     var elWalk = el.parentElement;
     var elInsertBefore = junctionNode;
     var systemImagesPath = element.getAttribute( " systemImagesPath " );

     if (element.getAttribute( " showLines " ) != false )
    {
         while (elWalk && elWalk.tagName.toLowerCase() == " treenode " )
        {
             var nextSib = elWalk.nextSibling;
             while (nextSib != null && nextSib.nodeType == 3 )
                nextSib = nextSib.nextSibling;

             var imageSrc;
             var image;

             if (nextSib != null && nextSib.tagName.toLowerCase() == " treenode " )
                imageSrc = systemImagesPath + " I.gif " ;
             else
                imageSrc = systemImagesPath + " white.gif " ;
            image = el.document.createElement( " <IMG align='absmiddle' border='0'> " );
            image.src = imageSrc;
            elInsertBefore = node.insertBefore(image, elInsertBefore);
            elWalk = elWalk.parentElement;
        }
    }
     else
    {
         var strIndex = getNodeIndex(el);
         if (strIndex.indexOf( " . " ) != - 1 )
        {
             if (element.getAttribute( " Indent " ) != null )
            {
                 if (isRtl())
                    node.style.marginRight = element.getAttribute( " Indent " );
                 else
                    node.style.marginLeft = element.getAttribute( " Indent " );
            }
        }
    }
}

//
// generateTextNode()
//
// el: treenode for which to generate text node
//
function generateTextNode(el)
{
     var textNode = el.document.createElement( " <SPAN id=_tntext tabIndex=-1 style='display:inline; height=100%'> " );

     if (el.getAttribute( " Text " ) != null )
    {
        textNode.innerHTML = el.getAttribute( " Text " );
    }
     else
    {
         // Remove any TREENODEs from the inner content, keeping everything else.
         var iChild = 0 ;
         while (iChild < el.childNodes.length)
        {
             if (el.childNodes[iChild].nodeType == 3 || el.childNodes[iChild].tagName.toLowerCase() != " treenode " )
            {
                 // just copy the content
                 var oClone = el.childNodes[iChild].cloneNode( true );
                textNode.appendChild(oClone);
            }
            iChild ++ ;
        }
    }
    textNode.className = " defaultstyle " ;
     var defStyle = cascadeStyle(el, " defaultstyle " );
    textNode.style.cssText = defStyle;

     return textNode;
}

//
// updateTree(el)
//
// Show or hide the children of element el based on el's Expanded
// attribute.
//
function updateTree(el)
{
     if (el.getAttribute( " expanded " ) == true )
    {
         // If we previously expanded this
         // node, just show its children without rebuilding them.
         var i = 0 ;
         var coll = el.children.tags( " treenode " );
         var bRebuild = true ;
         if (el.getAttribute( " _buildChildren " ) != true && (coll.length > 0 && coll( 0 ).getAttribute( " subtree " ) != null ))
        {
            bRebuild = false ;
             for ( var i = 0 ; i < coll.length; i ++ )
            {
                 if (coll(i).subtree == null )
                {
                     // a node has been added since we last expanded.  Rebuild everything.
                    bRebuild = true ;
                     break ;
                }
                coll(i).subtree.style.display = " block " ;
            }
        }
         if (bRebuild)
        {
             // build and show children
            el.removeAttribute( " _buildChildren " );
            buildTree(el, getNodeLevel(el));
            reselectNode(el);
             if (HoverNodeIndex == getNodeIndex(el))
                HoverNode(el);
        }
    }

     else
    {
         // hide children
         var collChildren = el.children.tags( " treenode " );
         for ( var i = 0 ; i < collChildren.length; i ++ )
        {
            collChildren(i).subtree.style.display = " none " ;
        }

         // If the selected or hovered node was one of the collapsed node's descendants,
         // the collapsed node must become selected/hovered instead
         var index = getNodeIndex(el);
         if (selectedNodeIndex.length > index.length && selectedNodeIndex.substr( 0 ,index.length) == index)
        {
            selectNode(el);
        }
         else if (selectedNodeIndex == index)
            changeIcon(el, " SelectedImageUrl " );

         if (HoverNodeIndex.length >= index.length && HoverNodeIndex.substr( 0 , index.length) == index)
        {
             if (selectedNodeIndex != index)
            {
                 if (HoverNodeIndex != index)
                {
                    UnhoverNode(getNodeFromIndex(HoverNodeIndex));
                    HoverNode(el);
                }
            }
             else
                UnhoverNode(getNodeFromIndex(HoverNodeIndex));
        }
    }
    setHiddenHelperValue();
}

//
// cascadeStyle(el, att)
//
// Cascade style from built-in to the tree to the type to the node.
//
function cascadeStyle(el, att)
{
     // built-in
     var str = g_styles[att];

     // tree
     var strStyle = element.getAttribute(att);
     if (strStyle != null )
        str = str + " ; " + strStyle;

     // type
    strStyle = getNodeTypeAttribute(el, att);
     if (strStyle != null )
        str = str + " ; " + strStyle;

     // node
    strStyle = el.getAttribute(att);
     if (strStyle != null )
        str = str + " ; " + strStyle;

     return str;
}

//
// getNodeTypeAttribute
//
// Returns the given attribute from the given element's node type.
//
function getNodeTypeAttribute(el, att)
{
     var _nodetype = getNodeTypeObject(el);
     if (_nodetype != null )
         return _nodetype.getAttribute(att);
     return null ;
}

//
// getNodeAttribute
//
// Returns the given attribute from the node, the node's type, or the treeview
//
function getNodeAttribute(el, att)
{
     var strReturn;

     // try the node
    strReturn = el.getAttribute(att);
     if (strReturn != null )
         return strReturn;

     // try the node's type
    strReturn = getNodeTypeAttribute(el, att);
     if (strReturn != null )
         return strReturn;

     // try the tree
     return element.getAttribute(att);
}

//
// navigateNode()
//
// If the given node has a NavigateUrl, navigate to it.  Return TRUE if we're navigating our own page; FALSE otherwise.
//
function navigateNode(el)
{
     var url = getNodeAttribute(el, " NavigateUrl " );
     if (url != null && url != "" )
    {
         var target = getNodeAttribute(el, " Target " );
         if (target == null || target == " _self " )
        {
            window.open(url, " _self " );
             return true ;
        }
         else
            window.open(url, target);
    }
     return false ;
}

//
// checkboxClick()
//
// event handler for mouse click on an item's checkbox
//
function checkboxClick()
{
     if (g_bInteractive == false )
         return ;

     var el = this .parentElement.parentElement.treenode;
    event.cancelBubble = true ;

    doCheckboxClick(el);
    fireQueuedEvents();
}

//
// doCheckboxClick()
//
function doCheckboxClick(el){
             var checked = private_getAttribute(el, " checked " )
            el.checked = ! checked;
             var evt = createEventObject();
            evt.treeNodeIndex = getNodeIndex(el);
            g_nodeClicked = el;
            _tvevtCheck.fire(evt);
            setNodeState(el,el.checked); // maybe need el only,but I think it's safly
        }
         function   setNodeState(el,state){
            _setChildNode(el,state);
            _setParentNode(el,state);
        }
          function   _setChildNode(el,state){
             var childNodes = el.children;
             if (childNodes.length > 0 ){ // if has childs
                 for ( var i = 0 ;i <= childNodes.length - 1 ;i ++ ){
                    private_setAttribute(childNodes[i], " Checked " ,state);
                    _saveCheckState(childNodes[i]);
                    _setChildNode(childNodes[i],state);
                }
            }
        }
         function   _setParentNode(el,state){
             var parentNode = el.parentElement;
             if (parentNode){
                 if ( ! _checkSiblingdNode(el)){
                    private_setAttribute(parentNode, " Checked " ,state);
                    _saveCheckState(parentNode);
                    _setParentNode(parentNode,state);
                }
            }
        }
         function _checkSiblingdNode(el){
             var parentNode = el.parentElement; // you can use getParentTreeNode function in this htc,but I like this usage.
             for ( var i = 0 ;i <= parentNode.children.length - 1 ;i ++ ){
                 if (el != parentNode.children[i]){
                     if (private_getAttribute(parentNode.children[i], " Checked " )){
                         return true ;
                    }
                }
            }
             return false ;
        }

             function _saveCheckState(el){
             if (getNodeIndex(el))
                queueEvent( ' oncheck ' , getNodeIndex(el));
        }
//
// nodeClick()
//
// event handler for mouse click on an item in the tree
//
function nodeClick()
{
     if (g_bInteractive == false )
         return ;

     var el = this .parentElement.treenode;
     if (doNodeClick(el) == true )
    {
         if (element.getAttribute( " selectExpands " ) == true )
            doNodePlusMinusClick(el);
        fireQueuedEvents();
    }
}

//
// contextmenu()
//
// event handler for right-clicking a tree node
//
function contextmenu()
{
    event.cancelBubble = true ;
    e = element.document.createEventObject(event);
    e.treeNodeIndex = getNodeIndex( this .parentElement.treenode);
    event.returnValue = element.fireEvent( " oncontextmenu " , e);
}

//
// mousedown()
//
function mousedown()
{
     if (event.button & 1 )
    {
        g_bMouseDown = true ;
    }
}

//
// mouseup()
//
function mouseup()
{
    g_bMouseDown = false ;
}

//
// nodePlusMinusClick()
//
// event handler for mouse click on the plus/minus icon of a treenode
//
function nodePlusMinusClick()
{
     if (g_bInteractive == false )
         return ;

     var el = this .parentElement.treenode;
     if (doNodePlusMinusClick(el) == true )
        fireQueuedEvents();
}

//
// doNodeClick()
//
// Does the work associated with a node click.  Separated out from nodeClick() so that
// we can call it directly without having to identify the anchor element of a node.
//
// returns: true to continue processing
//           false to stop (because we're navigating our own page)
//
function doNodeClick(el)
{
     if (g_bInteractive == false )
         return ;

    g_nodeClicked = el;

     // The element, which is in a content node outside of the document, is outside the event hierarchy.
     // Fire the event ourselves, rather than relying on bubbling.
    event.cancelBubble = true ;
    el.fireEvent( " onclick " );         // Execute our onclick handler
    element.fireEvent( " onclick " , event);   // Execute the tree's onclick handler

     if (getNodeAttribute(el, " NavigateUrl " ) != null )
    {
         var target = getNodeAttribute(el, " Target " );
         if (target == null || target.toLowerCase() == " _self " )
             return false ;
    }

    selectNode(el);
     return true ;
}

//
// doNodePlusMinusClick()
//
// Does the work associated with a node click.  Separated out from nodePlusMinusClick() so that
// we can call it directly without having to identify the anchor element of a node.
//
// return: true if something interesting happened (expanded, collapsed), false otherwise
//
function doNodePlusMinusClick(el)
{
     if (g_bInteractive == false )
         return false ;

     // The element, which is in a content node outside of the document, is outside the event hierarchy.
     // Fire the event ourselves, rather than relying on bubbling.
    event.cancelBubble = true ;

    g_nodeClicked = el;

     if (el.getAttribute( " expanded " ) == false && el.getAttribute( " _bound " ) == null && el.getAttribute( " TreeNodeSrc " ) != null )
    {
        el._isExpanding = true ;
        private_databind(el);
         return true ;
    }
     else
         return finishNodePlusMinusClick(el);
}

function finishNodePlusMinusClick(el)
{
     // See if we're a leaf (no children) or a branch (children)
     var exp = getNodeAttribute(el, " expandable " );
     if (exp == null && el.getAttribute( " TreeNodeSrc " ) != null )
        exp = " checkOnce " ;

     if (el.children.tags( " treenode " ).length > 0 || exp == " always " || (exp == " checkOnce " && el.getAttribute( " checkedExpandable " ) != true ))
    {
         //
         // We're a branch.  Update ourselves.
         //
         var expanded = ! el.getAttribute( " expanded " );
        el.setAttribute( " expanded " , expanded, 0 );

         if (exp == " checkOnce " )
            el.checkedExpandable = true ;

         var evt = createEventObject();
        evt.treeNodeIndex = getNodeIndex(el);

         var eventToFire = changeJunctionImage(el);

         // update our children
        updateTree(el);
        doVisualRefresh();

         // show status node if we're posting back for databinding
         if (expanded == true && el.children.tags( " treenode " ).length == 0 && element.getAttribute( " onfirequeuedevents " ) != null )
            addStatusNode(el, L_strRetrievingNodes_Text);

        eventToFire.fire(evt);

         return true ;
    }
     return false ;
}

//
// changeJunctionImage()
//
// Changes the +/- junction image to match current Expanded state.
//
// el: treenode element containing junction image to change
//
function changeJunctionImage(el)
{
     // find the icons we need to change
     var icon1 = el.subtree.all( " junction " , 0 );

     if (el.getAttribute( " expanded " ) == true )
    {
         // Expanding the node
         if (icon1 != null )
            icon1.src = icon1.src.replace( / plus / , " minus " );
         if (selectedNodeIndex != getNodeIndex(el) || getNodeAttribute(el, " selectedimageurl " ) == null )
            changeIcon(el, " ExpandedImageUrl " );
         return _tvevtExpand;
    }
     else
    {
         // Collapsing the node
         if (icon1 != null )
            icon1.src = icon1.src.replace( / minus / , " plus " );
         if (selectedNodeIndex != getNodeIndex(el))
            changeIcon(el, " ImageUrl " );
         return _tvevtCollapse;
    }
}

//
// DefaultNodeOnClick()
//
// A default onclick handler for treenode elements to cancel the event bubble.
// This is needed for the server control, otherwise the event will bubble up the
// tree until it hits a node with an onclick handler.  In the case of a server
// control, odds are good that the onclick handler will cause a server postback,
// thereby preventing the tree from getting its onclick.  So we need to cancel
// the bubble, allowing the onclick event we fire on the tree to get through.
//
function DefaultNodeOnClick()
{
    event.cancelBubble = true ;
}

function getClickedNodeIndex()
{
     if (g_nodeClicked != null )
         return getNodeIndex(g_nodeClicked);
     else
         return null ;
}

function getNodeLevel(node)
{
     var level = 0 ;
     while (node.parentElement.tagName.toLowerCase() == " treenode " )
    {
        node = node.parentElement;
        level ++ ;
    }
     return level;
}

//
// getNodeIndex()
//
// Walks up the tree, generating an index string of the form a.b.c[...].z (ex: 1.0.5.12) where
// each number represents a 0-based index into a set of children.  Each set of these values
// creates a unique index to a node.  In the following tree:
//          A
//        / |
//       B  C  D
//      /    /
//     E   F G   H
// node F is 0.0.1, node G is 0.2.0, and H is 0.2.1.
//
function getNodeIndex(node)
{
     var strIndex = "" ;
     if (node != null )
    {
         if (node.getAttribute( " sibIndex " ) == null )
        {
             if (node.parentElement == null )
            {
                 // There is no parent, this node is in the ether
                 return null ;
            }

             // generate a sibling index
             var col = node.parentElement.children.tags( " treenode " );
             var i = 0 ;
             while (col[i] != node)
                i ++ ;
            node.sibIndex = i;
        }
        strIndex = node.sibIndex.toString();
         while (node.parentElement && node.parentElement.tagName.toLowerCase() == " treenode " )
        {
            node = node.parentElement;
             if (node.getAttribute( " sibIndex " ) == null )
                 return null ;
            strIndex = node.sibIndex + " . " + strIndex;
        }
    }
     return strIndex;
}

//
// getNodeFromIndex()
//
// The flipside of getNodeIndex, this function returns a node given a dot-delimited index
//
function getNodeFromIndex(strIndex)
{
     if (strIndex != null && strIndex != undefined && strIndex.length != 0 )
    {
         // convert index string into array of strings
         var a = strIndex.split( " . " );
         var i = 0 ;
         var node = contentNode;
         while (i < a.length)
        {
             var coll = node.children.tags( " treenode " );
             if (coll == null || coll.length < (a[i] - 0 ) + 1 )
            {
                 return null ;
            }
            node = coll.item(a[i ++ ] - 0 );
        }
         return node;
    }
     else
    {
         return null ;
    }
}

//
// getNextVisibleNode()
//
function getNextVisibleNode(node)
{
     var next = node;
     if (node.getAttribute( " expanded " ) == true )
    {
         // get first child treenode
        next = node.children[ 0 ];
         while (next != null && next != undefined && next.nodeName.toLowerCase() != " treenode " )
            next = next.nextSibling;
         if (next)
             return next;
    }

     // get first sibling treenode
    next = node.nextSibling;
     while (next != null && next != undefined && next.nodeName.toLowerCase() != " treenode " )
        next = next.nextSibling;
     if (next != null )
         return next;

     // get first sibling of first ancestor that has one
    next = node.parentElement;
     while ((next.nextSibling == null || next.nextSibling == undefined) && next.nodeName.toLowerCase() == " treenode " )
    {
        next = next.parentElement;
    }
     if (next.nextSibling != null && next.nextSibling != undefined && next.nextSibling.nodeName.toLowerCase() == " treenode " )
         return next.nextSibling;
     else
         return null ;
}

//
// getPreviousVisibleNode()
//
function getPreviousVisibleNode(node)
{
     var prev = node;

     // check for a previous sibling
    prev = node.previousSibling;
     while (prev != null && prev != undefined && prev.nodeName.toLowerCase() != " treenode " )
        prev = prev.previousSibling;
     if (prev)
    {
         // Found a previous sibling.  If that sibling is expanded, we need to drop down to its last child
         if (prev.getAttribute( " expanded " ) == true )
        {
             // get last child
             var lastChild = prev;
             while (lastChild != node && lastChild != null )
            {
                prev = lastChild;
                lastChild = getNextVisibleNode(prev);
            }
        }
         return prev;
    }

     // get parent
     if (node.parentElement.nodeName.toLowerCase() == " treenode " )
         return node.parentElement;
     else
         return null ;
}

//
// setHiddenHelperValue()
//
function setHiddenHelperValue()
{
     var id = element.HelperID;
     if (id == null )
         return ;

     var helper = window.document.all(id);
     if (helper == null )
         return ;

     var parentTop = - 1 ;
     var parentLeft = - 1 ;
     var parent = element.offsetParent;
     if (parent != null )
    {
        parentTop = parent.scrollTop;
        parentLeft = parent.scrollLeft;
    }

    helper.value = (g_bFocus ? " 1 " : " 0 " ) + " | " + HoverNodeIndex + " | " + element.scrollTop + " | " + element.scrollLeft + " | " + parentTop + " | " + parentLeft + " | " + g_strQueuedEvents;
}

//
// scrollTree()
//
function scrollTree(tnode)
{
     var node = tnode.subtree.all.item( " _tntext " , 0 );

     var top = node.offsetTop - element.scrollTop;
     if (top < 0 )
    {
        element.scrollTop += top;
    }
     else
    {
         var bottom = top + node.offsetHeight;
         var elemHeight = element.clientHeight;
         if (bottom > elemHeight)
        {
            element.scrollTop += bottom - elemHeight;
        }
    }

     var rc = node.getBoundingClientRect();
     var elRc = element.getBoundingClientRect();

     // scroll window if we're focused
     if (g_bFocus)
    {
         if (elRc.top + rc.top < element.document.body.clientTop)
            node.scrollIntoView( true );
         else if (elRc.top + rc.bottom > element.document.body.clientHeight)
            node.scrollIntoView( false );
    }

}

//
// getInheritedType()
//
// Returns the node's inheritedType, if defined, or finds it and returns it if undefined.
// A node's inheritedType is the first of:
//       * parent's childType
//       * parent's type's childType
//       * parent's inheritedType's childType
//       * parent's inheritedType
//
function getInheritedType(el)
{
     if (el.inheritedType === undefined || g_bInTypesBoundEvent)
    {
         var parentNode = el.parentElement;
/*
        while (parentNode.tagName.toLowerCase() != "treenode" && parentNode.tagName.toLowerCase() != "treeview")
            parentNode = parentNode.parentElement;
*/
         // parent's childType
        el.inheritedType = parentNode.getAttribute( " childType " );
         var tagname = parentNode.tagName.toLowerCase();

         if (el.inheritedType == null && tagname != " treeview " )
        {
             // parent's type's or inheritedType's childType
             var _parenttype = getNodeTypeObject(parentNode);
             if (_parenttype != null )
            {
                el.inheritedType = _parenttype.getAttribute( " childType " );
            }

             // parent's inheritedType
             if (el.inheritedType == null && tagname == " treenode " )
            {
                el.inheritedType = getInheritedType(parentNode);
            }
        }

         // grab from the treeview
         if (el.inheritedType == null )
            el.inheritedType = element.getAttribute( " childType " );
    }
     return el.inheritedType;
}

//
// getNodeTypeObject()
//
// Returns the node type object for the given node, if defined.  If undefined, searches
// for and stores the node type object, then returns it.  Returns null if no type is defined
// for this node.
//
// This function assumes that a node's type or inheritedType attribute holds the name of its type
//
function getNodeTypeObject(el)
{
     if (el.nodetypeIndex == undefined || g_bInTypesBoundEvent)
    {
         var theType = el.getAttribute( " type " );
         if (theType == null )
            theType = getInheritedType(el);
         if (theType == null )
             return null ;

        theType = theType.toLowerCase();
         var i = 0 ;
         var len = element.nodeTypes.length;
         while (i < len)
        {
             if (element.nodeTypes[i].getAttribute( " type " ) == theType)
            {
                el.nodetypeIndex = i;
                 break ;
            }
            i ++ ;
        }
    }
     return element.nodeTypes[el.nodetypeIndex];
}

//
// replaceJunctionNode()
//
// Replace the junction node of the given node by generating a new one
//
// node: treenode on which to perform replacement
//
function replaceJunctionNode(node)
{
     if (node.subtree == null )
         return ;
     var oldNode = node.subtree.all( " junction " , 0 );
     if (oldNode == null )
         return ;

     var cJunction = calcJunction(node);
     var exp = node.getAttribute( " Expandable " );
     if (exp == null && node.getAttribute( " TreeNodeSrc " ) != null )
        exp = " checkOnce " ;
     var bChildNodes = node.children.tags( " treenode " ).length > 0 ;
     var junctionNode = generateJunctionNode(node, cJunction, bChildNodes || (exp == " always " || (exp == " checkOnce " && node.getAttribute( " checkedExpandable " ) != true )) ? " parent " : " child " );
     var accessNode = node.subtree.all( " _tnaccess " , 0 );
     if ( ! bChildNodes)
        accessNode.title = "" ;
     else
    {
         var textNode = node.subtree.all( " _tntext " , 0 );
        accessNode.title = textNode.innerText + " : " + L_strToolTip_Text;
    }
    oldNode.replaceNode(junctionNode);
}

//
// addStatusNode()
//
function addStatusNode(el, str)
{
     if (el.subtree != null && el.subtree.all.item( " _fetch " , 0 ) != null )
         return ;

     // Show "fetching" message
     var fetchNode =   el.document.createElement( " <DIV id=_fetch> " );
     var imageNode = el.document.createElement( " <IMG align='absmiddle' border='0'> " );
    imageNode.src = element.getAttribute( " systemimagespath " ) + " white.gif " ;
    fetchNode.appendChild(imageNode);
     var junctionNode = generateJunctionNode( null , ' L ' , " child " );
    fetchNode.appendChild(junctionNode);
    addLinesAndWhitespace(fetchNode, el == element ? contentNode : el, junctionNode);
     var textNode = el.document.createElement( " <SPAN id=_tntext tabIndex=-1 style='display:inline; height=100%'> " );
    textNode.innerText = str;
    textNode.className = " defaultstyle " ;
     var defStyle;
     if (el == element)
        defStyle = g_styles[ " defaultstyle " ] + " ; " + element.getAttribute( " defaultstyle " );
     else
        defStyle = cascadeStyle(el, " defaultstyle " );
    textNode.style.cssText = defStyle;
    fetchNode.appendChild(textNode);
     if (el == element)
    {
         if ( ! g_bCreated)
        {
             // Create viewlink.
            fetchNode.style.display = " block " ;
            defaults.viewLink = fetchNode.document;
        }
         else
        {
            treeviewNode.appendChild(fetchNode);
        }
    }
     else
    {
         if (el.subtree != null )
            el.subtree.appendChild(fetchNode);
    }
    doVisualRefresh();
}

//
// databindNode()
//
// Databind to the given node's TreeNodeSrc & TreeNodeXsltSrc.  This creates
// the node's children based on this binding, but does not affect the node
// itself.
//
// el: node for which we're databinding
//
function databindNode(el)
{
     var src = el.getAttribute( " TreeNodeSrc " );
     if (src == null )
         return ;

    addStatusNode(el, L_strRetrievingNodes_Text);
    el._bound = " binding " ;

     var XsltSrc = el.getAttribute( " TreeNodeXsltSrc " );
     var databindInfo = new Object();
    databindInfo.el = el;
    databindInfo.transform = null ;
    databindInfo.island = null ;
    databindInfo.src = src;

     if (el == contentNode)
        g_bNodesReady = false ;

     if (XsltSrc != null )
    {
        databindInfo.transform = element.document.all(XsltSrc);
         if (databindInfo.transform == null )
        {
             // create our own data island for the transform

             try
            {
                databindInfo.transform = new ActiveXObject( " Msxml2.DOMDocument " );
            }
             catch (e)
            {
                databindError(databindInfo, L_strMSXMLError_Text);
                 return ;
            }
            databindInfo.transform.async = false ;
             if ( ! databindInfo.transform.loadXML(XsltSrc))
                databindInfo.transform.load(XsltSrc);
        }
         else
            databindInfo.transform = databindInfo.transform.XMLDocument;
    }

    databindInfo.island = element.document.all(src);

     if (databindInfo.island == null )
    {
         // create our own data island
         try
        {
            databindInfo.island = new ActiveXObject( " Msxml2.DOMDocument " );
        }
         catch (e)
        {
            databindError(databindInfo, L_strMSXMLError_Text);
             return ;
        }
        databindInfo.island.async = false ;
        g_pendingSyncBinds = g_pendingSyncBinds.concat(databindInfo);
         if (g_bindTimer == - 1 )
            g_bindTimer = window.setTimeout(syncBind, 10 , " JScript " );
    }
     else
        finishDatabindingNode(databindInfo, true );
}

function syncBind()
{
     // loop through pending synchronous databinds
     while (g_pendingSyncBinds.length > 0 )
    {
         var databindInfo = g_pendingSyncBinds[ 0 ];
         // remove from array
        g_pendingSyncBinds.splice( 0 , 1 );
         if ( ! databindInfo.island.loadXML(databindInfo.src))
        {
            databindInfo.island.async = true ;
             // add to our array of pending databinds
            g_pendingBinds = g_pendingBinds.concat(databindInfo);
            databindInfo.island.onreadystatechange = finishDatabindingNodeHandler;
            databindInfo.island.load(databindInfo.src);
        }
         else
            finishDatabindingNode(databindInfo, true );
    }
    g_bindTimer = - 1 ;
}

function finishDatabindingNodeHandler()
{
     // loop through pending databinds, resolving those which are complete
     for ( var i = 0 ; i < g_pendingBinds.length; i ++ )
    {
         if (g_pendingBinds[i].island.readyState == 1 )
            g_pendingBinds[i].b = true ;
         if (g_pendingBinds[i].island.readyState == 4 && g_pendingBinds[i].b == true )
        {
             var bindInfo = g_pendingBinds[i];
            g_pendingBinds.splice(i, 1 );
            finishDatabindingNode(bindInfo, false );
            i -- ;
        }
    }
}

function finishDatabindingNode(databindInfo, bReady)
{
     if (bReady != true && databindInfo.island == null )
         return ;

     if (databindInfo.island.xml == "" || (databindInfo.transform != null && databindInfo.transform.xml == "" ))
    {
         var regexp = /% s / ;
         var str = " <B> " + L_strXMLError_Text + " </B> " ;
        str = str.replace(regexp, databindInfo.el.getAttribute( ' TreeNodeSrc ' ));
        databindError(databindInfo, str);
         return ;
    }

     // Databind to this data island
     if (databindInfo.transform != null )
    {
         var html = databindInfo.island.transformNode(databindInfo.transform);
         try
        {
            databindInfo.island =    new ActiveXObject( " Msxml2.DOMDocument " );
        }
         catch (e)
        {
            databindError(databindInfo, L_strMSXMLError_Text);
             return ;
        }
        databindInfo.island.loadXML(html);
    }

     // Make sure the root is a TREENODES tag
     var container = databindInfo.island.selectSingleNode( " TREENODES " );
     if (container == null )
    {
         var strXslt = databindInfo.el.getAttribute( " TreeNodeXsltSrc " );
         var strError = " <B> " + L_strInvalidXML_Text;
         var regexp = /% s / ;
        strError = strError.replace(regexp, databindInfo.el.getAttribute( ' TreeNodeSrc ' ));
         if (strXslt != null )
        {
            strError += L_strXSLTError_Text + " </B> " ;
            strError = strError.replace(regexp, databindInfo.el.getAttribute( ' TreeNodeXsltSrc ' ));
        }
         else
            strError += " </B> " ;
        databindError(databindInfo, strError);
         return ;
    }

     var child = container.firstChild;
     var html = "" ;
     while (child != null )
    {
         if (child.nodeName.toLowerCase() == " treenode " )
            html += child.xml;
        child = child.nextSibling;
    }
    databindInfo.el._bound = " complete " ;

     // All nodes must have namespace inserted
    html = html.replace( / ( < /? )(treenode) / gi, " $1 " + element.scopeName + " :$2 " );

     if (databindInfo.el == element)
    {
        contentNode.innerHTML = html;
        g_bNodesReady = true ;
        tryToBuildTreeFromRoot();
    }
     else
    {
        databindInfo.el.innerHTML += html;
         if (databindInfo.el.subtree != null )
        {
            buildTree(databindInfo.el, getNodeLevel(databindInfo.el));
             if (databindInfo.el._isExpanding == true )
            {
                databindInfo.el.removeAttribute( " _isExpanding " );
                finishNodePlusMinusClick(databindInfo.el);
            }
             else
            {
                reselectNode(databindInfo.el);
            }
        }
    }

    doVisualRefresh();

     var evt = element.document.createEventObject();
     if (databindInfo.el == element)
        evt.treeNodeIndex = null ;
     else
        evt.treeNodeIndex = getNodeIndex(databindInfo.el);
    evt.reason = 0 ;
    _tvevtNodeBound.fire(evt);
}

//
// databindError()
//
// Report an error during databinding
//
function databindError(databindInfo, strError)
{
     var fetch;
     var event = createEventObject();
     if (databindInfo.el == element)
        event.treeNodeIndex = null ;
     else
        event.treeNodeIndex = getNodeIndex(databindInfo.el);
    event.reason = 2 ;
    _tvevtNodeBound.fire(event);

     if (databindInfo.el == element)
        fetch = defaults.viewLink.all.item( " _fetch " , 0 );
     else
        fetch = databindInfo.el.subtree.all.item( " _fetch " , 0 );
     if (fetch != null )
    {
         var tntext = fetch.all.item( " _tntext " , 0 );
        tntext.innerHTML = strError;
    }
}

//
// databindTypes()
//
// Bind the tree for TreeNodeTypes
//
function databindTypes()
{
     var src = element.getAttribute( " TreeNodeTypeSrc " );

     if (src == null )
         return ;

    g_bTypesReady = false ;

    g_typeIsland = element.document.all(src);
     if (g_typeIsland == null )
    {
         // create our own data island
         try
        {
            g_typeIsland = new ActiveXObject( " Msxml2.DOMDocument " );
        }
         catch (e)
        {
            databindError(databindInfo, L_strMSXMLError_Text);
             return ;
        }
        g_typeIsland.async = false ;
         if ( ! g_typeIsland.loadXML(src))
        {
            g_typeIsland.async = true ;
            g_typeIsland.onreadystatechange = finishDatabindingTypes;
            g_typeIsland.load(src);
        }
         else
            finishDatabindingTypes();
    }
}

function finishDatabindingTypes()
{
     if (g_typeIsland.readyState != 4 )
         return ;

     if (g_typeIsland.xml == "" )
    {
        databindTypesError();
         return ;
    }

     // Make sure the root is a TREENODETYPES tag
     var container = g_typeIsland.selectSingleNode( " TREENODETYPES " );
     if (container == null )
    {
        databindTypesError();
         return ;
    }

     var child = container.firstChild;
     var html = "" ;
     while (child != null )
    {
         if (child.nodeName.toLowerCase() == " treenodetype " )
            html += child.xml;
        child = child.nextSibling;
    }

     // All nodetypes must have namespace inserted
    html = html.replace( / ( < /? )(treenodetype) / gi, " $1 " + element.scopeName + " :$2 " );

    g_typesNode = element.document.createElement( " DIV " );
    g_typesNode.innerHTML = html;

    element.nodeTypes = g_typesNode.children.tags( " TREENODETYPE " );
    verifyTypeValues();
    g_bTypesReady = true ;
     var evt = element.document.createEventObject();
    evt.reason = 0 ;
    g_bInTypesBoundEvent = true ;
    _tvevtNodeTypesBound.fire(evt);
    g_bInTypesBoundEvent = false ;
    tryToBuildTreeFromRoot();
}

//
// databindTypesError()
//
function databindTypesError()
{
     var event = createEventObject();
    event.reason = 2 ;
    g_bInTypesBoundEvent = true ;
    _tvevtNodeTypesBound.fire(event);
    g_bInTypesBoundEvent = false ;
    g_typesNode = element.document.createElement( " DIV " );
    element.nodeTypes = g_typesNode.children.tags( " TREENODETYPE " );
    g_bTypesReady = true ;
}

//
// verifyExpandableValue()
//
// Verifies that the value is one of the acceptable Expandable values
//
// value: value to verify
//
function verifyExpandableValue(value)
{
     var lval = value.toLowerCase();
     switch (lval)
    {
         case " auto " :
         case " checkonce " :
         case " always " :
             return true ;
         default :
             return false ;
             break ;
    }
}

//
// verifyBooleanAttribute()
//
// Verifies that the attribute's value is boolean, or a text equivalent.  If the latter,
// the attribute is converted to the corresponding boolean.  If the value is not a boolean
// equivalent or null, the attribute is set to false.
//
// node: node on which to verify attribute
// att: attribute to verify
//
// returns: true if the value was a boolean or equivalent
//           false otherwise
//
function verifyBooleanAttribute(node, att)
{
     var value = node.getAttribute(att);
     if (value == null )
         return false ;

     var boolval = makeBoolean(value);

     if (value == boolval)
         return true ;

    node.setAttribute(att, boolval == null ? false : boolval, 0 );
     return (boolval != null );
}

function makeBoolean(value)
{
     if (value == true || value == false )
         return value;

     if (value == null )
         return null ;

     var lval = value.toLowerCase();
     switch (lval)
    {
         case " true " :
             return true ;
         case " false " :
             return false ;
         default :
             return null ;
    }
}

//
// verifyTypeValues()
//
// converts the value of each TreeNodeType's Type attribute to lower case, and
// string booleans to true booleans
//
function verifyTypeValues()
{
     var len = element.nodeTypes.length;
     for ( var i = 0 ; i < len; i ++ )
    {
         var str = element.nodeTypes[i].getAttribute( " type " );
         if (str != null )
            element.nodeTypes[i].setAttribute( " type " , str.toLowerCase(), 0 );
        verifyBooleanAttribute(element.nodeTypes[i], " expanded " );
        verifyBooleanAttribute(element.nodeTypes[i], " checkBox " );
    }
}

//
// getNodeTypeHtml()
//
// Get the HTML source for the nodeTypes collection
//
function getNodeTypeHtml()
{
     var html = "" ;
     for ( var i = 0 ; i < element.nodeTypes.length; i ++ )
    {
        html += element.nodeTypes[i].outerHTML;
    }
     return html;
}

// ---------------------------------------------------
//
// Public OM
//
// ---------------------------------------------------

//
// TreeView properties
//

function getDefaultStyle()
{
     return prop_defaultStyle;
}

function setDefaultStyle(value)
{
     if (prop_defaultStyle == value)
         return ;

     if ( typeof value == " string " )
    {
        prop_defaultStyle = value;

         if (g_bCreated)
        {
            modifyNodesByType(contentNode, null , " defaultstyle " )
            _tvpropDefaultStyle.fireChange();
        }
    }
}

function getHoverStyle()
{
     return prop_hoverStyle;
}

function setHoverStyle(value)
{
     if (prop_hoverStyle == value)
         return ;

     if ( typeof value == " string " )
    {
        prop_hoverStyle = value;

         if (g_bCreated)
        {
            modifyNodesByType(contentNode, null , " hoverstyle " )
            _tvpropHoverStyle.fireChange();
        }
    }
}

function getSelectedStyle()
{
     return prop_selectedStyle;
}

function setSelectedStyle(value)
{
     if (prop_selectedStyle == value)
         return ;

     if ( typeof value == " string " )
    {
        prop_selectedStyle = value;

         if (g_bCreated)
        {
            modifyNodesByType(contentNode, null , " selectedstyle " )
            _tvpropSelectedStyle.fireChange();
        }
    }
}

function getChildType()
{
     return prop_childType;
}

function setChildType(value)
{
     if (prop_childType != value)
    {
        prop_childType = value;
         if (g_bCreated)
        {
             var col = contentNode.children.tags( " treenode " );
             for ( var i = 0 ; i < col.length; i ++ )
                buildTree(col[i], 0 );

            _tvpropChildType.fireChange();
        }
    }
}

function getImageUrl()
{
     return prop_imageUrl;
}

function setImageUrl(value)
{
     if (prop_imageUrl != value)
    {
        prop_imageUrl = value;
         if (g_bCreated)
        {
            modifyNodesInheritingFromRoot(contentNode, " imageurl " , value);
            _tvpropImageUrl.fireChange();
        }
    }
}

function getSelectedImageUrl()
{
     return prop_selectedImageUrl;
}

function setSelectedImageUrl(value)
{
     if (prop_selectedImageUrl != value)
    {
        prop_selectedImageUrl = value;
         if (g_bCreated)
        {
            modifyNodesInheritingFromRoot(contentNode, " selectedimageurl " , value);
            _tvpropSelectedImageUrl.fireChange();
        }
    }
}

function getExpandedImageUrl()
{
     return prop_expandedImageUrl;
}

function setExpandedImageUrl(value)
{
     if (prop_expandedImageUrl != value)
    {
        prop_expandedImageUrl = value;
         if (g_bCreated)
        {
            modifyNodesInheritingFromRoot(contentNode, " expandedimageurl " , value);
            _tvpropExpandedImageUrl.fireChange();
        }
    }
}

function getTarget()
{
     return prop_target;
}

function setTarget(value)
{
     if (prop_target != value)
    {
        prop_target = value;
         if (g_bCreated)
        {
            modifyNodesInheritingFromRoot(contentNode, " target " , value);
            _tvpropTarget.fireChange();
        }
    }
}

function getTreeNodeSrc()
{
     return prop_treeNodeSrc;
}

function setTreeNodeSrc(value)
{
     if (prop_treeNodeSrc != value)
    {
        prop_treeNodeSrc = value;
        _tvpropTreeNodeSrc.fireChange();
    }
}

function getTreeNodeXsltSrc()
{
     return prop_treeNodeXsltSrc;
}

function setTreeNodeXsltSrc(value)
{
     if (prop_treeNodeXsltSrc != value)
    {
        prop_treeNodeXsltSrc = value;
        _tvpropTreeNodeXsltSrc.fireChange();
    }
}

function getSelectExpands()
{
     return prop_selectExpands;
}

function setSelectExpands(value)
{
     var boolval = makeBoolean(value)
     if (boolval != null && boolval != prop_selectExpands)
    {
        prop_selectExpands = value;
         if (g_bCreated)
            _tvpropSelectExpands.fireChange();
    }
}

function getExpandLevel()
{
     return prop_expandLevel;
}

function setExpandLevel(value)
{
     if (prop_expandLevel != value)
    {
        prop_expandLevel = value - 0 ;
         if (g_bCreated)
        {
            expandNodes(contentNode, value);
            _tvpropExpandLevel.fireChange();
        }
    }
}

function getAutoSelect()
{
     return prop_autoSelect;
}

function setAutoSelect(value)
{
     var boolval = makeBoolean(value)
     if (boolval != null && boolval != prop_autoSelect)
    {
        prop_autoSelect = value;
         if (g_bCreated)
            _tvpropAutoSelect.fireChange();
    }
}

function getTreeNodeTypeSrc()
{
     return prop_treeNodeTypeSrc;
}

function setTreeNodeTypeSrc(value)
{
     if (prop_treeNodeTypeSrc != value)
    {
        prop_treeNodeTypeSrc = value;
         if (g_bCreated)
        {
            _tvpropTreeNodeTypeSrc.fireChange();
        }
    }
}

function getShowLines()
{
     return prop_showLines;
}

function setShowLines(value)
{
     var boolval = makeBoolean(value);
     if (prop_showLines != boolval && boolval != null )
    {
        prop_showLines = boolval;
         if (g_bCreated)
        {
            buildTreeFromRoot();
            _tvpropShowLines.fireChange();
        }
    }
}

function getShowPlus()
{
     return prop_showPlus;
}

function setShowPlus(value)
{
     var boolval = makeBoolean(value);
     if (prop_showPlus != boolval && boolval != null )
    {
        prop_showPlus = boolval;
         if (g_bCreated)
        {
            modifyNodesByType(contentNode, null , " _showplus " );
            _tvpropShowPlus.fireChange();
        }
    }
}

function getShowToolTip()
{
     return prop_showToolTip;
}

function setShowToolTip(value)
{
     var boolval = makeBoolean(value);
     if (prop_showToolTip != boolval && boolval != null )
    {
        prop_showToolTip = boolval;
         if (g_bCreated)
        {
            _tvpropShowToolTip.fireChange();
        }
    }
}

function getIndent()
{
     return prop_indent;
}

function setIndent(value)
{
     if (prop_indent != value)
    {
         if ( typeof value == " string " )
        {
             var i = parseInt(value);
             if (i == NaN)
                 return ;
             else
                prop_indent = i;
        }
         else if ( typeof value == " number " )
            prop_indent = value;
         else
             return ;
         if (g_bCreated)
        {
             if (getShowLines() != true )
                modifyNodesByType(contentNode, null , " _indent " );
            _tvpropShowLines.fireChange();
        }
    }
}

function getSelectedNodeIndex()
{
     return prop_selectedNodeIndex;
}

function setSelectedNodeIndex(value)
{
     if (prop_selectedNodeIndex != value && typeof value == " string " )
    {
         // validate format of string
         if (value.length == 0 )
             return ;

         if (value.search( / [ ^ 0 - 9 .] / ) != - 1 )     // a character other than a digit or .
             return ;

         if (value[ 0 ] == ' . ' )      // mustn't begin with a .
             return ;

         if (value.indexOf( " .. " ) != - 1 )    // mustn't have two consecutive periods
             return ;

         if (g_bCreated)
        {
             // does a node exist at this index?
             var node = getNodeFromIndex(value);
             if (node != null && node.subtree != null )
            {
                selectNode(node);
                _tvpropSelectedNodeIndex.fireChange();
            }
             else
            {
                 // Set index to 0, if possible
                 if (value != " 0 " )
                    selectedNodeIndex = " 0 " ;
                 else
                    prop_selectedNodeIndex = "" ;
            }
        }
         else
            prop_selectedNodeIndex = value;
    }
}

function getSystemImagesPath()
{
     return prop_systemImagesPath;
}

function setSystemImagesPath(value)
{
     if (prop_systemImagesPath != value && typeof value == " string " )
    {
        prop_systemImagesPath = value;
         if (g_bCreated)
        {
            buildTreeFromRoot();
            _tvpropSystemImagesPath.fireChange();
        }
    }
}

//
// expandNodes()
//
// Recursively expand all nodes from root down through the given
// number of levels
//
// root: starting node
// level: number of levels to expand
//
function expandNodes(root, level)
{
     if (root != contentNode)
    {
         var exp = root.getAttribute( " expanded " );
         if (exp != true )
        {
            doNodePlusMinusClick(root);
        }
    }
     if (level > 0 )
    {
         var col = root.children.tags( " treenode " );
         for ( var i = 0 ; i < col.length; i ++ )
        {
            expandNodes(col[i], level - 1 );
        }
    }
}

//
// databind()
//
// Force the tree to rebind
//
function databind()
{
     if (g_typesNode == null )
        g_typesNode = element.document.createElement( " DIV " );

    g_typesNode.innerHTML = getNodeTypeHtml();
    element.nodeTypes = g_typesNode.children.tags( " TREENODETYPE " );
    treeviewNode.subtree.removeNode( true );
    contentNode.innerText = "" ;
    databindNode(element);
}

//
// getTreeNodeType()
//
// Retrieves a public object representing the treenodetype at the requested index or
//   with the requested name
//
// key: string name or integer index of type to get
//
function getTreeNodeType(key)
{
     var tnt = null ;
     var len = element.nodeTypes.length;

     if ( typeof key == " number " )
    {
         if (key >= 0 && key < len)
            tnt = element.nodeTypes[key];
    }
     else
    {
         for ( var i = 0 ; i < len; i ++ )
        {
             var temp = element.nodeTypes[i];
             if (temp.getAttribute( " Type " ) == key)
            {
                tnt = temp;
                 break ;
            }
        }
    }

     if (tnt != null )
         return private_getTreeNodeType(tnt);
     else
         return null ;
}

//
// createTreeNodeType()
//
// Create a new treenodetype in the ether
//
function createTreeNodeType()
{
     var realtnt = element.document.createElement( " treenodetype " );
     return private_getTreeNodeType(realtnt);
}

//
// private_getTreeNodeType()
//
// Returns a public object representing the given treenodetype
//
// tnt: treenodetype for which to generate a public object
//
function private_getTreeNodeType(tnt)
{
     var obj = new Object();

    obj.addTo = function (tree)
    {
         if (tree.nodeTypes == null || tree.nodeTypes.length == 0 )
        {
            g_typesNode = element.document.createElement( " DIV " );
            g_typesNode.appendChild(tnt);
            tree.nodeTypes = g_typesNode.children.tags( " TREENODETYPE " );
        }
         else
        {
            g_typesNode.appendChild(tnt);
            tree.nodeTypes = g_typesNode.children.tags( " TREENODETYPE " );
        }
        modifyNodesByType(contentNode, tnt.getAttribute( " type " ), " type " );
    }
    obj.remove = function (bRedraw) { private_removeTreeNodeType(tnt, bRedraw); };
    obj.getAttribute = function (name) { return private_getNodeTypeAttribute(tnt, name); };
    obj.setAttribute = function (name, value) { private_setNodeTypeAttribute(tnt, name, value); };

     return obj;
}

//
// addTreeNodeType()
//
// Add the given treenodetype to the end of the tree's nodetypes collection
//
// tnt: treenodetype to add
//
function addTreeNodeType(tnt)
{
    tnt.addTo(element);
}

//
// private_removeTreeNodeType()
//
// Remove the treenodetype from the tree.  Note that redrawing nodes of this type
// requires a full tree traversal, which can be very slow.
//
// tnt: type to remove
// bRedraw: Redraw nodes of this type?
//
function private_removeTreeNodeType(tnt, bRedraw)
{
     var name = tnt.getAttribute( " Type " );

    tnt.removeNode( false );

     if (bRedraw != false )
    {
         // Because indices may have shifted, we'll need to rebuild the tree.
        modifyNodesByType(contentNode, null , " type " );
    }
     else
    {
         // uncache the nodetypeIndex of all nodes
        modifyNodesByType(contentNode, null , " _nodetypeIndex " );
    }
}

//
// modifyNodesByType()
//
// Rebuild all nodes of the given type
//
// node: current node
// type: name of type; if null, rebuild all nodes
// att: attribute of node being modified (in lower case)
//
function modifyNodesByType(node, type, att)
{
     if (node != contentNode)
    {
         if (node.subtree == null ) // if the node hasn't been built yet, don't go any further
             return ;

         if (type == null || getNodeAttribute(node, " Type " ) == type)
        {
            modifyNode(node, att, null , type);
             if (att == " type " || att == " childtype " )
                 return ; // these atts already handle the node's children
        }
    }
     var col = node.children.tags( " treenode " );
     for ( var i = 0 ; i < col.length; i ++ )
    {
        modifyNodesByType(col[i], type, att);
    }
}

//
// modifyNodesInheritingFromRoot()
//
// Searches the tree from the given node downward for all nodes which
// inherited the given attribute from the root, rebuilding the appropriate
// aspect of such nodes.  This function is called when an inheritable attribute
// is changed on the TreeView itself.
//
// root: starting node of search
// att: attribute to check
// value: new value of attribute
//
function modifyNodesInheritingFromRoot(root, att, value)
{
     if (root != contentNode)
    {
         if (root.subtree == null )
             return ;

         if (inheritsFromRoot(root, att))
        {
            modifyNode(root, att, value, null );
             if (att == " type " || att == " childtype " )
                 return ; // these atts already handle the node's children
        }
    }
     var col = root.children.tags( " treenode " );
     for ( var i = 0 ; i < col.length; i ++ )
    {
        modifyNodesInheritingFromRoot(col[i], att, value);
    }
}

//
// inheritsFromRoot()
//
// Determines if the given node inherits its att value from the TreeView
//
// node: node to check
// att: att to check
//
function inheritsFromRoot(node, att)
{
     // try the node
     if (node.getAttribute(att) != null )
         return false ;

     // try the node's type
     if (getNodeTypeAttribute(node, att) != null )
         return false ;

     return true ;
}

//
// private_getNodeTypeAttribute()
//
// Gets the given attribute from the given node
//
// tnt: treenodetype from which to retrieve attribute
// name: name of attribute to retrieve
//
function private_getNodeTypeAttribute(tnt, name)
{
     return tnt.getAttribute(name.toLowerCase());
}

//
// private_setNodeTypeAttribute()
//
// Sets the given attribute on the given node
//
// tnt: treenodetype on which to set attribute
// name: name of attribute to set
// value: value of attribute to set
//
function private_setNodeTypeAttribute(tnt, name, value)
{
     var lname = name.toLowerCase();
     if (lname == " outerhtml " )
         return ;

     var old = tnt.getAttribute(name, value);

    tnt.setAttribute(name, value, 0 );
     if (tnt.parentElement == null )
         return ;

     // Update display tree if display-related change was made
     switch (lname)
    {
         case " text " :
         case " innertext " :
             break ;

         case " expandable " :
             if (verifyExpandableValue(value) == true )
                modifyNodesByType(contentNode, tnt.getAttribute( " type " ), lname);
             else
                tnt.setAttribute(name, old, 0 );
             break ;

         default :
            modifyNodesByType(contentNode, tnt.getAttribute( " type " ), lname);
             break ;
    }
}

//
// createTreeNode()
//
// Creates a new treenode in the ether
//
function createTreeNode()
{
     var realNode = element.document.createElement( " treenode " );
     return private_getTreeNode(realNode);
}

//
// getTreeNode()
//
// Retrieves a public object representing the node at the requested index
//
// index: dot-separated index string of node to retrieve
//
function getTreeNode(index)
{
     var node = getNodeFromIndex(index);
     if (node == null )
         return null ;

     return private_getTreeNode(node);
}

//
// private_getTreeNode()
//
// Retrieves a public object representing the given node
//
// node: treenode to munge into public object
//
function private_getTreeNode(node)
{
     var obj = new Object();

    obj.addAt = function (index, newnode)
    {
         if (newnode._real != null )
            private_addAt(node, index, newnode._real);
         else
        {
             var temp = private_getTreeNode(node);
            temp._real = node;
            newnode.addTo(index, temp);
        }
    };
    obj.addTo = function (index, parent)
    {
         if (parent._real != null )
            private_addAt(parent._real, index, node);
         else
        {
             var temp = private_getTreeNode(node);
            temp._real = node;
            parent.addAt(index, temp);
        }
    };
    obj.add = function (newnode) { obj.addAt(node.children.tags( " treenode " ).length, newnode); };
    obj.remove = function () { private_remove(node); };
    obj.databind = function () { private_databind(node); };
    obj.getAttribute = function (name) { return private_getAttribute(node, name); };
    obj.setAttribute = function (name, value) { private_setAttribute(node, name, value); };
    obj._real = null ;
    obj.findAttribute = function (name) { return getNodeAttribute(node, name); };
    obj.getNodeIndex = function ()
    {
         var index = getNodeIndex(node);
         if (index == "" )
             return null ;
         return index;
    };
    obj.getParent = function ()
    {
         if (node.parentElement == null || node.parentElement.tagName.toLowerCase() != " treenode " )
             return null ;
         else
             return private_getTreeNode(node.parentElement);
    };
    obj.getChildren = function () { return private_getChildren(node); };

     return obj;
}

//
// addAt()
//
// Add a root node at the given index.  TreeView method.
//
// index: integer index at which to add the node
// node: node to add
//
function addAt(index, node)
{
    node.addTo(index, private_getTreeNode(contentNode));
}

//
// add()
//
// Add a root node to the end of the tree.  TreeView method.
//
// node: node to add
//
function add(node)
{
    node.addTo(contentNode.children.tags( " treenode " ).length, private_getTreeNode(contentNode));
}

//
// private_addAt()
//
// Implements addition of a node to the tree
//
// parent: node to add a child to
// index: integer index at which to add a child node
// child: node to add
//
function private_addAt(parent, index, child)
{
     if (child.parentElement != null )
         return ;

     var col = parent.children.tags( " treenode " );
     var iCount = col.length;

     if (index < 0 || index > iCount)
         return ;

     var selectedNode = getNodeFromIndex(selectedNodeIndex);

     //
     // add node to tree
     //
     if (index == iCount)
        parent.appendChild(child);
     else
    {
        col[index].insertAdjacentElement( " beforeBegin " , child);
    }

     //
     // adjust sibling indices
     //
    child.sibIndex = index;
     for ( var i = index; i <= iCount; i ++ )
        col[i].sibIndex = i;

     //
     // adjust selected index if necessary
     //
     if (selectedNode != null && index < selectedNode.sibIndex)
        prop_selectedNodeIndex = getNodeIndex(selectedNode);

     //
     // update display tree if the node is now part of a treeview and its parent or previous sibling is expanded
     //
     var p = parent;
     while (p != null && p.tagName.toLowerCase() == " treenode " )
        p = p.parentElement;
     if (p != null && p.tagName.toLowerCase() != " treeview " )
         return ;
     if (parent.getAttribute( " expanded " ) == true || parent == contentNode)
    {
         // build added node's display tree
         var disptree = buildTree(child, getNodeLevel(child));
         if (index == iCount)
        {
             if (parent.subtree == null )
            {
                 if (parent == contentNode)
                    tryToBuildTreeFromRoot();
                 else
                    parent.subtree = disptree;
            }
             else
            {
                 if (parent == contentNode)
                    treeviewNode.subtree.appendChild(disptree);
                 else
                    parent.subtree.appendChild(disptree);
            }
        }
         else
            col[index + 1 ].subtree.insertAdjacentElement( " beforeBegin " , disptree);

         if (element.getAttribute( " showlines " ) != false && index > 0 && col[index - 1 ].getAttribute( " expanded " ) == true )
        {
             // rebuild previous sibling's display tree, to show correct lines.
            buildTree(col[index - 1 ], getNodeLevel(col[index - 1 ]));
             // if that tree contains the selected node, redisplay the selection
             if (selectedNodeIndex.indexOf(getNodeIndex(col[index - 1 ])) == 0 )
                reselectNode(getNodeFromIndex(selectedNodeIndex));
        }
    }

     //
     // Update the junctions of the nodes immediately above and below this node, if needed
     //
     if (iCount == 0 )                                 // parent's first child
    {
         if (parent != contentNode)
            replaceJunctionNode(parent);
    }
     else if (index == iCount)                        // new last sibling
        replaceJunctionNode(col[index - 1 ]);
     else if (index == 0 )
        replaceJunctionNode(col[ 1 ]);                 // new first sibling

     if (selectedNode != null )
        prop_selectedNodeIndex = getNodeIndex(selectedNode);
     else
        selectNode(child);
}

//
// private_remove()
//
// Remove the given node from the tree
//
// node: node to remove
//
function private_remove(node)
{
     if (node.parentElement == null )
         return null ;

     var parent = node.parentElement;
     var col = parent.children.tags( " treenode " );
     var iCount = col.length;
     var sibindex = node.sibIndex;
     var selectedNode = getNodeFromIndex(selectedNodeIndex);
     var nodeIndex = getNodeIndex(node);

    node.subtree.removeNode( true );
    node.subtree = null ;
    node.removeNode( true );
    node.removeAttribute( " sibIndex " );
     if (node.getAttribute( " expanded " ) == false )
        node._buildChildren = true ; // set expando so we'll rebuild the node's children if the node is added again and then expanded

     //
     // adjust junctions and whitespace/lines
     //
     if (iCount == 1 )
        replaceJunctionNode(parent);
     else if (sibindex != 0 && sibindex == iCount - 1 )
        buildTree(col[sibindex - 1 ], getNodeLevel(col[sibindex - 1 ])); // rebuild previous sibling and its subtree
     else if (sibindex == 0 && parent.tagName.toLowerCase() != " treenode " )
        replaceJunctionNode(col[ 0 ]); // new first root

     //
     // adjust sibling indices
     //
     for ( var i = sibindex; i < col.length; i ++ )
        col[i].sibIndex = i;

     //
     // adjust selectedNodeIndex
     //
     if (node == selectedNode ||
     (selectedNodeIndex.length > nodeIndex.length && selectedNodeIndex.substr( 0 , nodeIndex.length + 1 ) == nodeIndex + " . " ))
    {
         // deleted the selected node or an ancestor of the selected node.
         var temp = prop_selectedNodeIndex;
        prop_selectedNodeIndex = "" ;
         if (iCount - 1 > sibindex)
            selectNode(col[sibindex]);           // the node now at the same index as the deleted node
         else if (iCount > 1 && sibindex > 0 )
            selectNode(col[sibindex - 1 ]);       // the first sibling prior to the deleted node
         else if (nodeIndex != " 0 " )
            selectNode(parent);                  // the parent of the deleted node
         else
        {
            prop_selectedNodeIndex = temp;
            selectNode( null );
        }
    }
     else
    {
         // adjust the selected node index to reflect new tree structure
        prop_selectedNodeIndex = "" ;
        selectNode(selectedNode);
    }
     return node;
}

//
// private_databind()
//
// node: node to bind
//
function private_databind(node)
{
     // If the selection is within the subtree under the node being databound,
     // then select the node.
     var dataNodeIndex = getNodeIndex(node);
     if ((dataNodeIndex != selectedNodeIndex) && (selectedNodeIndex.indexOf(dataNodeIndex) == 0 ))
        selectNode(node);

     // delete all treenode content
    col = node.children.tags( " treenode " );
     for ( var i = col.length - 1 ; i >= 0 ; i -- )
    {
         if (col[i].subtree != null )
            col[i].subtree.removeNode( true );
        col[i].removeNode( true );
    }
    node._bound = null ;
    databindNode(node);
}

//
// private_getAttribute()
//
// Gets the given attribute from the given node
//
// node: node from which to retrieve attribute
// name: name of attribute to retrieve
//
function private_getAttribute(node, name)
{
     var lcName = name.toLowerCase();
     var ret = node.getAttribute(lcName);
     if (ret == null && lcName == " text " )
    {
         var textnode = node.subtree.all.item( " _tntext " , 0 );
        ret = textnode.innerText;
    }
     return ret;
}

//
// private_setAttribute()
//
// Sets the given attribute on the given node
//
// node: node on which to set attribute
// name: name of attribute to set
// value: value of attribute to set
//
function private_setAttribute(node, name, value)
{
     var lname = name.toLowerCase();
     if (lname == " outerhtml " )
         return ;

     var old = node.getAttribute(name, value);

    node.setAttribute(name, value, 0 );
     if (node.parentElement == null )
         return ;

     if (node.subtree == null )
         return ;

    modifyNode(node, lname, value, old);
}

//
// getChildren()
//
// public entry point for private_getChildren()
//
function getChildren()
{
     return private_getChildren(contentNode);
}

//
// private_getChildren()
//
// Returns an array of public treenode objects representing the top-level children of the given root
//
// root: DOM object parent from which to get children
//
function private_getChildren(root)
{
     var col = root.children.tags( " treenode " );
     var objArray = new Array(col.length);
     for ( var iNode = 0 ; iNode < col.length; iNode ++ )
    {
        objArray[iNode] = private_getTreeNode(col[iNode]);
    }
     return objArray;
}

//
// modifyNode()
//
// Rebuild display node as required by change to given attribute
//
// node: node to modify
// lname: name of changed attribute, in lower case
// value: new value of attribute
// old: old value of attribute
//
function modifyNode(node, lname, value, old)
{
     // Update display tree if display-related change was made
     switch (lname)
    {
         case " defaultstyle " :
         case " hoverstyle " :
         case " selectedstyle " :
         case " style " :
             var oItem = node.subtree.all.item( " _tntext " , 0 );
             var stylename = oItem.className;
             if (stylename == "" )
                stylename = " defaultstyle " ;
            SetAnchorClass(oItem, stylename); // reapply current style
             if ( ! g_bFocus && (stylename == " selectedstyle " ))
            {
                blurFilter(oItem);
            }
             break ;

         case " text " :
         case " innertext " :
         case " innerhtml " :
             var tntext = node.subtree.all.item( " _tntext " , 0 );
             var newText = generateTextNode(node);
            tntext.replaceNode(newText);
             var accessAnchor = node.subtree.all.item( " _tnaccess " , 0 );
             if (accessAnchor.getAttribute( " title " ) != "" )
                accessAnchor.title = newText.innerText + " : " + L_strToolTip_Text;

            reselectNode(node);
             break ;

         case " imageurl " :
             if (selectedNodeIndex == getNodeIndex(node))
            {
                 if (getNodeAttribute(node, " selectedImageUrl " ) == null )
                    changeIcon(node, lname);
            }
             else if (node.getAttribute( " Expanded " ) == true )
                changeIcon(node, " expandedimageurl " );   // let changeIcon function figure things out
             else
                changeIcon(node, lname);
             break ;
         case " selectedimageurl " :
             if (selectedNodeIndex == getNodeIndex(node))
                changeIcon(node, lname);
             break ;
         case " expandedimageurl " :
             if (node.getAttribute( " Expanded " ) == true && (selectedNodeIndex != getNodeIndex(node) || getNodeAttribute(node, " selectedImageUrl " ) == null ))
                changeIcon(node, lname);
             break ;

         case " type " :
             // the new type could contain a new childType, so rebuild the whole subtree
            buildTree(node, getNodeLevel(node));
             var temp = getNodeFromIndex(selectedNodeIndex);
            prop_selectedNodeIndex = "" ;
            selectNode(temp);
             break ;

         case " childtype " :
             var col = node.children.tags( " treenode " );
             for (i = 0 ; i < col.length; i ++ )
            {
                buildTree(col[i], getNodeLevel(col[i]));
                 var temp = getNodeFromIndex(selectedNodeIndex);
                prop_selectedNodeIndex = "" ;
                selectNode(temp);
            }
             break ;

         case " target " :
             var accessnode = node.subtree.all( " _tnaccess " , 0 );
            accessnode.target = getNodeAttribute(node, lname);
            accessnode.parentElement.target = accessnode.target;
             break ;
         case " navigateurl " :
             var accessnode = node.subtree.all( " _tnaccess " , 0 );
             var url = getNodeAttribute(node, lname);
             if (url == "" || url == null )
            {
                accessnode.removeAttribute( " href " );
                accessnode.parentElement.removeAttribute( " href " );
                 if (url == "" )
                    node.removeAttribute( " navigateUrl " );
            }
             else
            {
                accessnode.href = getNodeAttribute(node, lname);
                accessnode.parentElement.href = accessnode.href;
            }
             break ;

         case " expandable " :
             if (verifyExpandableValue(value) == true )
                replaceJunctionNode(node);
             else
                node.setAttribute(lname, old, 0 );
             break ;

         case " expanded " :
             if (verifyBooleanAttribute(node, lname) == false )
                node.setAttribute(lname, old, 0 );
             else if (node.getAttribute(lname) != old)
            {
                node.setAttribute( " expanded " , ! node.getAttribute( " expanded " ), 0 );
                doNodePlusMinusClick(node);
            }
             break ;

         case " checked " :
             if (verifyBooleanAttribute(node, lname) == false )
                node.setAttribute(lname, old, 0 );
             else if (getNodeAttribute(node, " checkBox " ) == true && node.getAttribute(lname) != old)
            {
                 var cb = node.subtree.all.item( " _cb " , 0 );
                cb.setAttribute( " checked " , node.getAttribute(lname), 0 );
            }
             break ;

         case " checkbox " :
             if (verifyBooleanAttribute(node, lname) == false && node.getAttribute(lname) != null )
                node.setAttribute(lname, old, 0 );
             else if (getNodeAttribute(node, " checkbox " ) == true )
            {
                 if (old != true )
                {
                     var jn = node.subtree.all( " junction " , 0 );
                     if (jn)
                    {
                         var cb = createCheckBox(node);
                        jn.parentElement.insertAdjacentElement( " afterEnd " , cb);
                    }
                }
            }
             else
            {
                 var cb = node.subtree.all( " _fcb " , 0 );
                 if (cb)
                    cb.removeNode( true );
            }
             break ;

         case " treenodesrc " :
         case " treenodexsltsrc " :
             if (value != null )
            {
                node.setAttribute( " checkedExpandable " , false , 0 );
                node._bound = null ;
            }
             break ;

         case " _showplus " :    // not a real attribute-- back door for TreeView
            replaceJunctionNode(node);
             break ;

         case " _indent " :      // not a real attribute-- back door for TreeView
             var strIndex = getNodeIndex(node);
             if (strIndex.indexOf( " . " ) != - 1 )
            {
                 if (isRtl())
                    node.subtree.style.marginRight = prop_indent;
                 else
                    node.subtree.style.marginLeft = prop_indent;
            }
             break ;

         case " _nodetypeIndex " : // not a real attribute-- back door for TreeView
            node.nodetypeIndex = undefined;
            node.inheritedType = undefined;
             break ;

    }
}

//
// Cleans up the OnStop events left over from previous postbacks
//
function f_CleanupEvents()
{
     var eventArray = window.__treeviewAttachedEvents;

     if ((eventArray != null ) && (eventArray[ 0 ]))
    {
         var newArray = new Array( false );

         // First array element is the dirty bit
         for ( var i = 1 ; i < eventArray.length; i ++ )
        {
             if (element.document.all[eventArray[i][ 0 ]] == null )
            {
                element.document.detachEvent( " onstop " , eventArray[i][ 1 ]);
            }
             else
            {
                newArray = newArray.concat( new Array(eventArray[i]));
            }
        }

        window.__treeviewAttachedEvents = newArray;
    }
}

//
// Adds an OnStop event
//
function f_AddStopEvent()
{
     var eventArray = window.__treeviewAttachedEvents;
     if (eventArray == null )
    {
        eventArray = new Array( false );
    }

    element.document.attachEvent( " onstop " , onstop);
    eventArray[ 0 ] = true ;
    entry = new Array(element.uniqueID, onstop);
    window.__treeviewAttachedEvents = eventArray.concat( new Array(entry));
}

//
// Responds to onscroll
//
function onScroll()
{
    setHiddenHelperValue();
}

//
// isRtl()
//
// true if we're rendering right to left; false otherwise
//
function isRtl()
{
     if (element.currentStyle.direction.toLowerCase() == " rtl " || element.dir.toLowerCase() == " rtl " )
         return true ;
     else
         return false ;
}

//
// Visually refreshes the TreeView (workaround for IE 5.5 refresh bug)
//
function doVisualRefresh()
{
     var display = element.style.display;
    element.style.display = " none " ;
    element.style.display = display;
}

</ script >