﻿function createTreeIE(MenuXML)
{
    var westToolConfig = "",XMLElement = "";
    var item = new Array();
    
    var XMLElement=MenuXML.getElementsByTagName('Views')[0];
    var Index = 0;
    if(XMLElement!=null)
    {
        for(var i = 0; i<XMLElement.childNodes.length; i++)
        {
            var xx = XMLElement.childNodes[i];          
            var enable = xx.attributes.getNamedItem("Enable").nodeValue; 
            if(enable=="T"){
                var name = xx.attributes.getNamedItem("Name").nodeValue;
                var icon = xx.attributes.getNamedItem("Icon").nodeValue;
                var shtml = "";
                
                var treeTemp = new Ext.tree.TreePanel({
                    xtype: 'treepanel',				
                    split:true,
                    autoHeight:true,
                    viewConfig: {
                        forceFit: true
                    }
                });           
                var noderoot = new Ext.tree.TreeNode({  
                        text : name,
                        iconCls: icon,
                        expanded:true
                });
                treeTemp.setRootNode(noderoot);
                 for(var j = 0; j<xx.childNodes.length; j++)
                    {
                        var xxx = xx.childNodes[j];
                        var ienable = xxx.attributes.getNamedItem("Enable").nodeValue; 
                        if(ienable=="T"){
                            var iname = xxx.attributes.getNamedItem("Name").nodeValue;
                            var iicon = xxx.attributes.getNamedItem("Icon").nodeValue;                          
                            var nodeTemp = new Ext.tree.TreeNode({                               
                                text : iname,
                                iconCls:iicon,
                                expanded:true
                            });
                            if(xxx.childNodes.length==0){
                                nodeTemp.id =  xxx.attributes.getNamedItem("MappingID").nodeValue;
                                nodeTemp.on('click', function(node,e){
                                      addTabManagement(node.text,node.attributes.iconCls,node.id);
                                });
                            }else{
                                 ReFunction(xxx,nodeTemp);   
                            }
                            noderoot.appendChild(nodeTemp);   
                        }
                    }
                
                
                
//                for(var j = 0; j<xx.childNodes.length; j++)
//                {
//                    var xxx = xx.childNodes[j];
//                    var ienable = xxx.attributes.getNamedItem("Enable").nodeValue; 
//                    if(ienable=="T"){
//                        var iname = xxx.attributes.getNamedItem("Name").nodeValue;
//                        var iicon = xxx.attributes.getNamedItem("Icon").nodeValue;
//                        var mappingID = xxx.attributes.getNamedItem("MappingID").nodeValue;

//                        var sicon = '<span onmouseover="mouseOver(this)" onmouseleave="mouseleft(this)" class="SMChild" classout="SMChildOver" classover="SMChildOver">'+
//                                    '<table cellpadding="0" cellspacing="0" align="center" width="100%" onclick="addTabManagement(\''+iname+'\',\''+icon+'\',\''+mappingID+'\')"><tr><td><table><tr><td width="16" valign="top"><img class="SMChildImage" width="16" height="16" src="icons/'+iicon+'"/></td>'+
//                                    '<td align="left" valign="top"><label id="'+iname+'" style="font-size:12px;font-family:Tahoma" >'+iname+'</label></td></tr></table>'+                                                           
//                                    '</td></tr></table>'+
//                                    '</span>';
//                        shtml = shtml + sicon;
//                    }
//                }
                
                 item[Index] = new Ext.Panel({
                        id:name,                        
                        title:'<font style="font-weight:bold;font-size:12px;font-family:Tahoma">'+name+'</font>',
                        iconCls: icon,
                        autoScroll:true,
                        autoheight: true,
                        border:1,
                        collapsible:true,       
                        animCollapse:true,
                        items:treeTemp
                        //html:shtml    
                    });
                
               if(this.westTool == null){ this.westTool = [item[Index]];}
               else{this.westTool[Index] = item[Index];}
               Index++;
           }
        }
    }
}

function ReFunction(xxx,nodeTree)
{
    for(var k = 0; k<xxx.childNodes.length; k++)
    {
        var xxxx = xxx.childNodes[k];
        var ienable = xxxx.attributes.getNamedItem("Enable").nodeValue; 
        if(ienable=="T"){
            var iname = xxxx.attributes.getNamedItem("Name").nodeValue;
            var iicon = xxxx.attributes.getNamedItem("Icon").nodeValue;           
            var nodeTemp = new Ext.tree.TreeNode({               
                text : iname,
                iconCls:iicon,
                expanded:true
            });
            if(xxxx.childNodes.length==0){
                nodeTemp.id = xxxx.attributes.getNamedItem("MappingID").nodeValue;
                nodeTemp.on('click', function(node,e){
                      addTabManagement(node.text,node.attributes.iconCls,node.id);
                });
            }else{
                  ReFunction(xxxx,nodeTemp);   
            }
            nodeTree.appendChild(nodeTemp);   
        }
    }                
}
function mouseOver(span)
{
    span.className = "SMChildOver";
}
function mouseleft(span)
{
    span.className = "SMChild";
}
var enableAddTabManagement = false;
function addTabManagement(tabName, tabIcon, mappingID)
{
    if(enableAddTabManagement) return;
    var tabInformation =  Ext.getCmp('tabinfomation');
    
    var iindex = tabInformation.items.length;
    var bbool = true;
    for(var i=1; i<iindex; i++)
    {        
        if(tabInformation.items.items[i].title==tabName){ 
                bbool = false; 
                tabInformation.items.items[i].show();               
                break;
        }
    }
    if(bbool){
        enableAddTabManagement = true;
        tabInformation.add({
            title: tabName,
            iconCls: tabIcon,            
            autoScroll:true,       
            html: '<iframe src="../management/masterpages.aspx?Key='+mappingID+'" width="100%" height="100%" frameborder="0"></iframe>',
            closable:true
            }).show();            
     }
}