function C1WebCommandBuilder(data)
{
   this._data = data;
   
   this._Menu = this._data.Class == 'Menu';
   this._ToolBar  = this._data.Class == 'ToolBar';
   this._TopicBar = this._data.Class == 'TopicBar';
   this._TreeView = this._data.Class == 'TreeView';
   this._TabStrip = this._data.Class == 'TabStrip';
   this._hashEls = [];
   
   this._createElement = function(tag)
   {
    return document.createElement(tag);
   }
   
   this._rootElement = document.getElementById(data.ClientID);
   // Workaround for a C1WebSplitter's bug
   
   if (!this._rootElement)
   {
        var tbls = document.getElementsByTagName('table');
        for(var i=0; i<tbls.length; i++)
        {
            var tbl = tbls[i];
            if (!tbl.id && tbl.timestamp == data.TimeStamp)
            {
                this._rootElement = tbl;
                tbl.id = data.ClientID;
                break;
            }
        }
   }
   
   if (this._rootElement.rows.length >= 1)
        this._contentRow = this._rootElement.rows[0];
   this._nullWidth = '0%';
   if (navigator.userAgent.toLowerCase().indexOf('msie')==-1)
        this._nullWidth = '1px';
    this._CreateTable = function(wide) {
        var _res = this._createElement("TABLE");
        _res.cellPadding = '0';
        _res.cellSpacing = '0';
        _res.border = '0';
        if (this._GetP(wide,true))
            _res.style.width = '100%';
        return _res;
    }
    this._InsertCell = function (row)
    {
        var _cell = row.insertCell(row.cells.length);
        _cell.vAlign = 'top';
        return _cell;
    }
    this._InsertLastCell = function (row)
    {
        return row.insertCell(row.cells.length);
    }
    this._InsertRow = function(_table)
    {
        return _table.insertRow(_table.rows.length);
    }
    
    this._MergeStyle = function(st, _style)
    {
       var	ss = _style.split(";");
       if (!st)
        return _style;
	   for	(var i = 0;	i <	ss.length; i++)
	   {
	    if (ss[i])
	    {
    	    var	pair = c1c_splitTwice(ss[i], ":");
    	    if (st.indexOf(pair[0]+':') == -1)
    	        st += ss[i] + ';';
    	}
	   }
	   return st;
    }
    this._GetCompoundStyle = function(_controlStyle, _groupStyle, _itemStyle, is)
    {
        var st = '';
        if (_itemStyle)
            st += _itemStyle;
        if (_groupStyle)
            st = this._MergeStyle(st, _groupStyle);
        if (_controlStyle)
            st = this._MergeStyle(st, _controlStyle);
        if (is)
            st = this._MergeStyle(st, is);
        return st;
    }
    this._GetCompoundProperty = function(_cProp, _gProp, _iProp)
    {
        var res = '';
        if (typeof(_iProp) != 'undefined')
            return _iProp;
        else if (typeof(_gProp) != 'undefined')
            return _gProp;
        return _cProp;
    }
    this._GetStyleValue = function(_style, _name)
    {
        if (!_style)
            return "";
        //var r = '(?<='+name+':)(.*?)(?=;)';
        var r = "(^|;)"+_name+':(.*?)(?=;)';
        var m = _style.match(new RegExp(r));
        if (m)
        {
            var	pair = c1c_splitTwice(m[0], ":");
            return pair[1];
        }
        else
            return "";
    }
    this._ApplyStyle = function(el, _style, fo)
    {
        if (!_style)
            return;
	    var	ss = _style.split(";");
	    for	(var i = 0;	i <	ss.length; i++)
	    {
		    var	pair = c1c_splitTwice(ss[i], ":");
            if (pair.length	== 2)
            {
                if (typeof(el.style[pair[0]]) != 'undefined' && (!fo || pair[0] == 'fontSize' || pair[0] == 'fontFamily'|| pair[0] == 'color' || pair[0] == 'fontStyle' || pair[0] == 'fontVariant' || pair[0] == 'fontWeight' || pair[0] == 'textAlign'  || pair[0] == 'textDecoration'))
                    el.style[pair[0]] = pair[1];
                else if (pair[0] == 'className' && !fo)
                    el.className = pair[1];
            }
	    }
    }
    this._Content_CreateInternalRepresentationControl = function(row, groupData, data, vert)
    {
        if (this._contentRow)
        {
            var contentCell = this._contentRow.cells[data.ContentIndex];
            this._contentRow.removeChild(contentCell);
            row.appendChild(contentCell);
            this._contentRow.insertCell(data.ContentIndex);
        }
    }
    this._Sep_CreateInternalRepresentationControl = function(body, groupData, data, vert)
    {
        var style = this._GetCompoundStyle(this._data.SeparatorStyle, groupData.SeparatorStyle, data.SeparatorStyle);
        if (style)
        {
        var paddingBottom = this._GetStyleValue(style, "PaddingBottom");
        if (paddingBottom)
                body.style.paddingBottom = paddingBottom;
        var paddingTop = this._GetStyleValue(style, "PaddingTop");
        if (paddingTop)
                body.style.paddingTop = paddingTop;
        var paddingLeft = this._GetStyleValue(style, "paddingLeft");
        if (paddingLeft)
                body.style.paddingLeft = paddingLeft;
        var paddingRight = this._GetStyleValue(style, "paddingRight");
        if (paddingRight)
                body.style.paddingRight = paddingRight;
        }
        if (!vert && typeof(this._data.ItemSize) == 'undefined')
                body.style.height = '100%';
        var innerTable = this._CreateTable(vert);
        body.appendChild(innerTable);
        if (!vert)
        {
            if (typeof(this._data.ItemSize) != 'undefined')
                innerTable.style.height = this._data.ItemSize;
            else if (this._ToolBar)
                innerTable.style.height = '100%';
        }
        var innerRow = innerTable.insertRow(0);
        var innerBody = this._InsertCell(innerRow);

        innerBody.vAlign = 'middle';
        var img = this._createElement('IMG');
        innerBody.appendChild(img);
        img.style.width = '0px';
        img.style.height = '0px';
        img.style.borderWidth = '0px';
        img.width = '';
        img.height = '';
        img.src = this._data.Urls[0];
         
        var backImageUrl = this._GetStyleValue(style, "BackImageUrl");    
        if (backImageUrl)
               innerBody.style.backgroundImage = 'url(' + this._data.Urls[backImageUrl] + ')';;

        var size = this._GetStyleValue(style, "BackImageSize");  
        if (vert)
            innerBody.style.height = size;
        else
            innerBody.style.width = size;
        this._ApplyStyle(body, style);
        var cssClass = this._GetStyleValue(style, "CssClass"); 
        if (!backImageUrl && !cssClass)
        {
            var borderColor = this._GetStyleValue(style, "borderColor");
            var borderStyle = this._GetStyleValue(style, "borderStyle");
            var borderWidth = this._GetStyleValue(style, "borderWidth");
            body.style.borderColor = '';
            if (borderColor)
            {
                body.style.borderColor = '';
                innerBody.style[this._GetCssAttrName("Color", vert)] = borderColor;
            }
            if (borderStyle)
            {
                body.style.borderStyle = '';
                innerBody.style[this._GetCssAttrName("Style", vert)] = borderStyle;
            }
            if (borderWidth)
            {
                body.style.borderWidth = '';
                innerBody.style[this._GetCssAttrName("Width", vert)] = borderWidth;
            }
        }
            // height
            if (!vert)
            {
                var div = this._createElement('DIV');
                innerBody.appendChild(div);
                div.style.overflow = 'hidden';
                div.style.width = '0px';
                div.innerHTML = 'x';
            }
            
        }

        this._GetCssAttrName = function(part, vert)
        {
            var prefix;
            if (vert)
                prefix = "borderTop";
            else
                prefix = "borderLeft";
            return prefix + part;
        }
        
        this._Group_ProcessBodyRowStyle = function(row, data, vert)
        {
            if (!vert)
                row.style.height = '100%';
        }
       this._ProcessLabelCell = function(cell, groupData, data, style, header)     
       {
            cell.unselectable = 'on';
            var wrap = this._GetP(this._GetCompoundProperty(groupData.WrapText, data.WrapText), true);
            if (!wrap || header)
                cell.style.whiteSpace = "nowrap";
            if (data.Text) cell.innerHTML = data.Text;                
            cell.vAlign = 'middle';
            var ha = this._GetStyleValue(style, "ItemAlign");
            if (ha) cell.align = ha;
            // LabelPadding
            var p;
            p = this._GetStyleValue(style, "LabelPaddingLeft");
            if (p) cell.style.paddingLeft = p;
            p = this._GetStyleValue(style, "LabelPaddingRight");
            if (p) cell.style.paddingRight = p;
            p = this._GetStyleValue(style, "LabelPaddingTop");
            if (p) cell.style.paddingTop = p;
            p = this._GetStyleValue(style, "LabelPaddingBottom");
            if (p) cell.style.paddingBottom = p;
       }
       this._ProcessIconCell = function(cell, groupData, data, style, iw, id)     
       {
            cell.unselectable = 'on';
            var lit = this._createElement('DIV');
            var img = this._createElement('IMG');
            img.id = id + '_img';
            lit.appendChild(img);
            cell.appendChild(lit);
            if (iw)
            {
                //lit.style.display = "inline-block";
                lit.style.width = iw;
                cell.style.width = iw;
            }
            else
                cell.style.width = this._nullWidth;
            var pos = this._GetStyleValue(style, "ItemImagePosition");
            img.style.borderWidth = '0px';
            
            //if (data.Class == 'Header')
            //{
            img.style.width = '1px';
            img.style.height = '1px';
            //}
            img.onload = this._onload;

            
            if (data.ImageUrl)
                img.src = this._data.Urls[data.ImageUrl];
            else
            {
                img.src = this._data.Urls[0];
                img.style.display = 'none';
            }
            
            var its = this._GetStyleValue(style, "ImageTextSpacing");
            if (its)
                img.style.marginRight = its;
            else if (data.ImageUrl)
                img.style.marginRight = '4px';
            
       }
       this._ProcessBoundary = function(table, boundaryTable, leftCell, middleCell, rightCell, vert, data, groupData)
       {
        if (vert)
        {
            table.style.width = '100%';
            table.rows[0].style.height = '100%';
        }
        else
            table.style.height = '100%';
        var lburl = this._GetUrl(this._GetStyleValue(data.CurrentStyle, "LeftBorderImageUrl"));
        var mx = data.Class == 'Header' && this._data.MixedBordersMode;
        if (lburl && !(mx && groupData.Index != "0"))
        {
            var img = this._createElement('IMG');
            img.style.borderWidth = '0px';
            img.id = data.ClientID + '_lbi';
            img.style.width = '1px';
            img.style.height = '1px';
            img.onload = this._onload;
            img.src = lburl;
            leftCell.appendChild(img);
            leftCell.style.width = this._nullWidth;
        }
        var rburl;
        if (!mx)
            rburl = this._GetUrl(this._GetStyleValue(data.CurrentStyle, "RightBorderImageUrl"));
        else
        {
            if (!groupData.NextIsActive)
                rburl = this._GetUrl(this._GetStyleValue(data.CurrentStyle, "RightBorderImageUrl"));
            else
                rburl = this._GetUrl(this._GetStyleValue(this._data.ActiveHeaderStyle, "LeftBorderImageUrl"));            
            
        }
        if (rburl)
        {
            var img = this._createElement('IMG');
            img.style.borderWidth = '0px';
            img.id = data.ClientID + '_rbi';
            img.onload = this._onload;
            img.style.width = '1px';
            img.style.height = '1px';
            img.src = rburl;
            rightCell.appendChild(img);
            rightCell.style.width = this._nullWidth;
        }
        
        
       }
    this._Item_CreateRepresentationControl = function(body, groupData, data, vert, id) 
    {
        this._ProcessItemSpecialSymbolStyle(data, groupData);
        if (data.Class == 'LinkItem' || data.Class == 'Header')
        {
            data.ClientID = id;
            var en = this._GetCompoundProperty(this._data.Enabled, groupData.Enabled, data.Enabled);
            data.IsEnabled = this._GetP(en, true);
            data.Target = this._GetCompoundProperty(data.Target, groupData.Target,this._data.Target);
            var st;
            if (data.Class == 'Header')
            {
                st = this._GetCompoundStyle(this._data.InactiveHeaderStyle, groupData.InactiveHeaderStyle);
                data.CItemStyle = st;
                data.CMouseOverItemStyle = this._GetCompoundStyle(this._data.MouseOverInactiveHeaderStyle, groupData.MouseOverInactiveHeaderStyle, '', data.CItemStyle);
                data.CSelectedItemStyle = this._GetCompoundStyle(this._data.ActiveHeaderStyle, groupData.ActiveHeaderStyle, '', data.CItemStyle);
                data.CMouseOverSelectedItemStyle = this._GetCompoundStyle(this._data.MouseOverActiveHeaderStyle, groupData.MouseOverActiveHeaderStyle, '', data.CItemStyle);
                
                if (!data.IsEnabled)
                {
                    st = this._GetCompoundStyle(this._data.DisabledHeaderStyle, groupData.DisabledHeaderStyle, '', st);
                    data.CDisabledItemStyle = st;
                    data.CItemStyle = st;
                }    
                else if (data.Selected)
                    st = data.CSelectedItemStyle;
            }
            else
            {
                st = this._GetCompoundStyle(this._data.ItemStyle, groupData.ItemStyle, data.ItemStyle);
                data.CItemStyle = st;
                data.CMouseOverItemStyle = this._GetCompoundStyle(this._data.MouseOverItemStyle, groupData.MouseOverItemStyle, data.MouseOverItemStyle, data.CItemStyle);
                data.CSelectedItemStyle = this._GetCompoundStyle(this._data.SelectedItemStyle, groupData.SelectedItemStyle, data.SelectedItemStyle, data.CItemStyle);
                data.CMouseOverSelectedItemStyle = this._GetCompoundStyle(this._data.MouseOverSelectedItemStyle, groupData.MouseOverSelectedItemStyle, data.MouseOverSelectedItemStyle, data.CItemStyle);
                if (this._Menu && this._GetP(data.Level,1) > 0)
                {    
                    st = this._GetCompoundStyle(this._data.SubMenuItemStyle, groupData.SubMenuItemStyle, data.SubMenuItemStyle, st);
                    data.CItemStyle = st;
                    data.CMouseOverItemStyle = this._GetCompoundStyle(this._data.SubMenuMouseOverItemStyle, groupData.SubMenuMouseOverItemStyle, data.SubMenuMouseOverItemStyle, data.CMouseOverItemStyle);
                    data.CSelectedItemStyle = this._GetCompoundStyle(this._data.SubMenuSelectedItemStyle, groupData.SubMenuSelectedItemStyle, data.SubMenuSelectedItemStyle, data.CSelectedItemStyle);
                    data.CMouseOverSelectedItemStyle = this._GetCompoundStyle(this._data.SubMenuMouseOverSelectedItemStyle, groupData.SubMenuMouseOverSelectedItemStyle, data.SubMenuMouseOverSelectedItemStyle, data.CMouseOverSelectedItemStyle);
                }
                if (this._Menu)
                {
                    var checkImg;
                    var o = this._GetP(data.Level,1) == 0 ? this._data : groupData;
                    if (!this._GetP(o.AllowMultipleSelect, true) && data.SpecialSymbolStyle.RadioMarkImageUrl)
                        checkImg = data.SpecialSymbolStyle.RadioMarkImageUrl;
                    else if(data.SpecialSymbolStyle.CheckMarkImageUrl)
                        checkImg = data.SpecialSymbolStyle.CheckMarkImageUrl;
                    if (checkImg && !(this._GetStyleValue(data.CItemStyle, "ImageUrl") || this._GetStyleValue(data.CMouseOverItemStyle, "ImageUrl") || this._GetStyleValue(data.CSelectedItemStyle, "ImageUrl") || this._GetStyleValue(data.CMouseOverSelectedItemStyle, "ImageUrl")))
                    {
                        data.CSelectedItemStyle += 'ImageUrl:'+checkImg+';';
                        data.CMouseOverSelectedItemStyle += 'ImageUrl:'+checkImg+';';
                    }
                }
                if (!data.IsEnabled)
                    st = this._GetCompoundStyle(this._data.DisabledItemStyle, groupData.DisabledItemStyle, data.DisabledItemStyle, st);
                else if (data.Selected)
                    st = data.CSelectedItemStyle;
            }
            data.CurrentStyle = st;
            data.Hash = this.getHash(vert,st,data,groupData);
            data.ImageUrl = this._GetStyleValue(st, "ImageUrl");

            var res;
            var iipos = this._GetStyleValue(st, "ItemImagePosition");
            data.TextOnly = iipos == 'TextOnly';
            data.ImageOnly = iipos == 'ImageOnly';
            var elToClone = this.getFromHashTable(data.Hash);
            if (elToClone)
            {
                res = this.cloneItem(elToClone, id, data);
                body.appendChild(res);    
                return res;
            }
            res = this._CreateTable();
            body.appendChild(res);
            res.id = id + '_bt';
            if (data.IsEnabled && !this._data.firstLinkItem)
                this._data.firstLinkItem = res;
            var tr = res.insertRow(0);
            var lc = this._InsertCell(tr);
            var mc = this._InsertCell(tr);
            var rc = this._InsertCell(tr);
            
            
            //C1WebItemBase.ProcessBoundary
            if (vert)
            {
                res.style.width = '100%';
                //tr.style.height = '100%';
            }
            else
            {
                //??? res.style.height = '100%';
            }
            
            lc.style.height = '100%';
            mc.style.height = '100%';
            rc.style.height = '100%';
            mc.style.width = '100%';
            rc.style.width = this._nullWidth;
            lc.style.width = this._nullWidth;
            mc.vAlign = 'middle';
            mc.id = id + '_mbc';
            lc.vAlign = 'middle';
            rc.vAlign = 'middle';

            var url =  this._GetStyleValue(st, "BackImageUrl");          
            if (url)
                mc.style.backgroundImage = 'url('+this._data.Urls[url]+')';
           
            // C1WebItemBase.ProcessTableStyle
            res.style.width = '100%';
            

            var it = this._CreateTable();
            mc.appendChild(it);
            //it.style.width = '100%';
            //if (data.Class != 'Header' || this.TabPos == 'Top' ||  this.TabPos == 'Bottom' )
            //    it.style.height = '100%';
            
            var ir = it.insertRow(0);
            //if (data.Class == 'Header' && this.TabPos != 'Top' &&  this.TabPos != 'Bottom')
            //    ir.style.height = '100%';
            
            var ic = this._InsertCell(ir);
            ic.id = id;
            
            this._ProcessBoundary(it, res, lc, mc, rc, vert, data, groupData);
            if (data.ToolTip)
                ic.title = data.ToolTip;
            if (data.Class != 'Header')
            {
                var p = this._GetCompoundProperty(this._data.ItemPadding, groupData.ItemPadding);
                if (p)
                    ic.style.padding = p;
            }
            
            var it1 = this._CreateTable();
            ic.appendChild(it1);
            it1.style.height = '100%';
            it1.style.width = '100%';
            ic.vAlign = 'top';
            
            for(var r=0; r<3; r++)
            {
                ir = it1.insertRow(r);
                ir.style.height = '0px';
                for(var c=0; c<3; c++)
                {
                    var ic1 = this._InsertCell(ir);
                    if (r != 1)
                        ic1.style.height = '0%';
                    ic1.vAlign = 'top';
                    if (c == 0)
                        ic1.align = 'left';
                    else if (c == 2)
                        ic1.align = 'right';
                }
            }
            if (!data.TextOnly)
            {
                var i_cell = it1.rows[1].cells[0];
                if (iipos == 'Far')
                    i_cell = it1.rows[1].cells[2];
                else if (iipos == 'Top')
                    i_cell = it1.rows[0].cells[1];
                else if (iipos == 'Bottom')
                    i_cell = it1.rows[2].cells[1];
                var iw;
                if (this._Menu && this._GetP(data.Level,1) > 0)
                {
                    iw = this._GetCompoundProperty(this._data.SubMenuIconBarWidth, groupData.IconBarWidth, data.IconBarWidth);
                    if (!iw)
                        iw = this._data.IconBarWidth;
                }
                else
                    iw = this._GetCompoundProperty(this._data.IconBarWidth, groupData.IconBarWidth, data.IconBarWidth);
                if (iw)
                    i_cell.style.width =  iw;
                else 
                    i_cell.style.width =  '0%';
                this._ProcessIconCell(i_cell, groupData, data, st, iw, id);
            }
            mc = it1.rows[1].cells[1];
            if (!data.ImageOnly)
            {
                this._ProcessLabelCell(mc, groupData, data, st, data.Class == 'Header');
                mc.id = id+'_txt';
            }
            this._ApplyStyle(ic, st);
            this._ApplyStyle(it1, st, true);
            this._Item_ProcessTableStyle(res, vert);
            // C1WebToolBarItem_InternalPostProcessInnerTable
            if (this._ToolBar)
                this._ToolBarItem_InternalPostProcessInnerTable(it1, data, vert, id);
            else if (data.Class == 'Header')
                this._Header_InternalPostProcessInnerTable(it1, data, vert, id);
            else if (this._Menu)
                this._MenuItem_InternalPostProcessInnerTable(it1, groupData, data, vert);    
            else if (this._TreeView)
                this._TreeItem_InternalPostProcessInnerTable(it1, groupData, data, vert);    
            this._Shortcut_InternalPostProcessInnerTable(it1, data, vert, id);
            if (!data.CheckedCheckBox)
                this.addElToHash(data.Hash, res, id);
            return res;
        }
        else if (data.Class == 'Separator')
        {
            var res = this._CreateTable(vert);
            body.appendChild(res);
            var row = res.insertRow(0);
            var cell = this._InsertCell(row);
            this._Sep_CreateInternalRepresentationControl(cell, groupData, data, vert);
            this._Item_ProcessTableStyle(res, vert);
            return res;
        }
        else if (data.Class == 'ContentItem')
        {
            var res = this._CreateTable(vert);
            body.appendChild(res);
            var row = res.insertRow(0);
            this._Content_CreateInternalRepresentationControl(row, groupData, data, vert);
            this._Item_ProcessTableStyle(res, vert);
            return res;
        }
        
    }
    this._TreeItem_InternalPostProcessInnerTable = function(it, groupData, data, vert)
    {
        var row = it.rows[0];
        var cellBefore = row.firstChild;
        if (data.ShowCheckBox)
        {
            var cell_cbx = row.insertCell(0);
            cellBefore = cell_cbx;
            cell_cbx.rowSpan = 3;
            cell_cbx.style.align = 'left';
            cell_cbx.vAlign = 'middle'; 
            cell_cbx.style.width = '1px';
            var cbx = this._createElement('INPUT');
            cbx.type = 'checkbox';
            cell_cbx.appendChild(cbx);
            var _checked = this._GetP(data.Selected, false);
            if (_checked)
            {
                cbx.checked = true;
                data.CheckedCheckBox = true;
            }
            if (!this._GetP(data.IsEnabled, true))
                cbx.setAttribute('disabled', 'disabled');
            cbx.onclick = SetCheckboxClicked;
            cbx.id = data.ClientID + '_cbx';
            
        }
        var indCell = this._createElement('TD');
        indCell.rowSpan = 3;
        indCell.style.width = this._nullWidth;
        indCell.align = 'right';
        indCell.vAlign = 'middle';
        var indTxt = '&nbsp;';
        var style = data.SpecialSymbolStyle;
        var indUrl = style.NoExpandNodeImageUrl; 
        var indId = data.ClientID + '_ti';
        if (data.NestedGroup || data.ActualPopulateOnDemand)
          if (data.ActualPopulateOnDemand || !this._GetP(data.NestedGroup.ActualActive, true))
          {
            indUrl = style.CollapsedNodeImageUrl;
            indTxt = "+";
          }
          else
          {
            indUrl = style.ExpandedNodeImageUrl;
            indTxt = "-";
          }
        if (indUrl)
        {
            var img = this._createElement('IMG');
            img.id = indId;
            img.onload = this._onload;
            img.style.width = '16px';
            img.style.height = '16px';
            img.src = this._GetUrl(indUrl); 
            img.style.borderWidth = '0px';
            
            if (this._data.ShowLines && this._GetP(data.Level, 1) > 0)
            {
                var indLine = row.insertCell(0);
                indLine.rowSpan = 3;
                indLine.style.width = this._nullWidth;
                indLine.align = 'left';
                indLine.vAlign = 'bottom';
                
                var indLineImg = this._createElement('IMG');
                indLineImg.style.borderWidth = '0px';
                indLineImg.src = this._GetUrl(style.HorizontalLineImageUrl);
                indLine.appendChild(indLineImg);
            }
            
            indCell.appendChild(img);
            img.onclick = SetPlusMinusClicked;
        }
        else
        {
            var lc = this._createElement('SPAN');
            lc.id = indId;
            lc.style.width = '20px';
            lc.style.textAlign = 'center';
            lc.innerHTML = indTxt;
            indCell.appendChild(lc);
        }
        row.insertBefore(indCell, cellBefore);
    }
    this._MenuItem_InternalPostProcessInnerTable = function(it, groupData, data, vert)
    {
        var smm = this._GetP(this._data.SubMenuMark, 'Yes');
        if (smm == 'No' || (!(data.SubMenu || smm == 'Yes') || !vert))
            return;
        var row = it.rows[0];
        var cellInd;
        if (this._GetP(this._data.HorzPopupDirection, 'LeftToRight') == 'LeftToRight')
            cellInd = 3;
        else
            cellInd = 0;
        var indCell = row.insertCell(cellInd);
        indCell.rowSpan = 3;
        indCell.style.width = this._nullWidth;
        indCell.align = 'right';
        indCell.vAlign = 'middle';
        var indUrl; 
        var indTxt;
        indUrl  = this._GetUrl(this._data.SpecialSymbolStyle.SubMenuMarkImageUrl);
        indTxt = groupData.SpecialSymbolStyle.SubMenuMarkText;
        if (!indTxt && !indUrl)
        {
            indUrl = this._GetUrl(this._data.SubMenuMarkImageUrl);
        }
        if (indUrl)
        {
            var img = this._createElement('IMG');
            indCell.appendChild(img);
            img.style.borderWidth = '0px';
            {
                img.onload = this._onload;
                img.style.width = '10px';
            }
            if (!data.SubMenu)
                img.style.visibility = 'hidden';
            img.src = indUrl;
            img.alt = " ";
        }
        else
        {
            if (data.SubMenu)
                indCell.innerHTML = indTxt;
            else
                indCell.innerHTML = "<span style=\"overflow:hidden;height:0px;visibility:hidden;\">_</span>";
        }
    }
    this._ToolBarItem_InternalPostProcessInnerTable = function(it, data, vert, id)
    {
        var row = it.rows[0];
        if (data.HasDropDownButton && !vert)
        {
            var _cell_cbx = this._InsertCell(row);
            _cell_cbx.rowSpan = 3;
            _cell_cbx.align = 'left';
            _cell_cbx.vAlign = 'middle';
            _cell_cbx.style.width = '1px';
            _cell_cbx.attributes['unselectable'] = 'on';

            var _img = this._createElement('IMG');
            _cell_cbx.appendChild(_img);
            _img.style.width = '9px';
            _img.style.height = '16px';
            _img.style.borderWidth = '0px';
            _img.src = this._data.Urls[data.DropDownButtonImageUrl];
            if (data.IsEnabled)
            {
                _cell_cbx.onclick = this._dropDownButtonFunc;
                _cell_cbx.id = id + '_dropBtn';
                _cell_cbx._dropDownContextMenuId = data.DropDownContextMenuId;
            }
        }
        var indCell = row.insertCell(0);
        indCell.rowSpan = 3;
        indCell.style.width = this._nullWidth;
        indCell.align = 'right';
        indCell.vAlign = 'middle';
    }
    this._Shortcut_InternalPostProcessInnerTable = function(it, data, vert, id)
    {
        var row = it.rows[0];
        if (data.KeyboardShortcut && this._GetP(this._data.ShowKeyboardShortcuts, true))
        {
            var idx = this._TreeView ? 4 : 3;
            var _cell_cbx = row.insertCell(idx);
            _cell_cbx.rowSpan = 3;
            _cell_cbx.align = 'right';
            _cell_cbx.vAlign = 'middle';
            _cell_cbx.innerHTML = data.KeyboardShortcut;            
        }
    }
    this._Header_InternalPostProcessInnerTable = function(it, data, vert, id)
    {
        var row = it.rows[0];
        var exStyle;
        var colStyle;
        if (data.IsEnabled)
        {
            exStyle = data.CSelectedItemStyle;
            colStyle = data.CItemStyle;
        }
        else
        {
            exStyle = data.CDisabledItemStyle;
            colStyle = exStyle;
        }
        
        var iip =  this._GetStyleValue(exStyle, "ItemImagePosition");        
        var cellind;
        if (iip && iip == 'Far')
                cellInd = 0;
        else
                cellInd = 3;
        
        var indCell = row.insertCell(cellInd);
        indCell.rowSpan = 3;
        indCell.style.width = this._nullWidth;
        indCell.align = 'right';
        indCell.vAlign = 'middle';
        
        var img = this._createElement('IMG');
        indCell.appendChild(img);
        img.style.borderWidth = '0px';
        img.id = id + '_ind';

        var indUrl;    
        if (data.Selected)        
            indUrl = this._GetStyleValue(exStyle, "IndicatorUrl"); 
        else
            indUrl = this._GetStyleValue(colStyle, "IndicatorUrl"); 
        
        if (!indUrl)
        {
            indUrl = 0;
            img.style.height = '0%';
            img.style.width = this._nullWidth;
            
        }
        else
        {
            img.onload = this._onload;
            img.style.height = '1px';
            img.style.width = '25px';
        }
        
        img.src = this._GetUrl(indUrl);
    }
    
    this._Item_ProcessTableStyle = function(res, vert)
    {
        res.style.width = '100%';
    }
    
    this._ProcessBodyStyle = function(cell, data, vert)
    {
        // C1WebCustomGroup.ProcessBodyStyle
        if (!vert)
            cell.style.height = '100%';
        var gp = this._GetCompoundProperty(this._data.GroupPadding, data.GroupPadding);
        if (gp)
            cell.style.padding = gp;
    }
    this._CreateItemSpacing = function(item,vert,isp)
    {
        var st;
        if (vert)
            st = "height";
        else
            st = "width";
        var res = this._createElement('DIV');
        res.style.overflow = 'hidden';
        res.style[st] = isp;
        res.innerHTML = '&nbsp;';
        return res;
    }
    
    this._Item_AddRepresantationNestedGroup = function(cell, group, item, vert, id, level)
    {
        if (item.SubMenu)
            this._Group_CreateRepresentationControl(cell, item.SubMenu, 0, this._GetP(item.Level,0), item.ClientID);
        if (item.ActualPopulateOnDemand)
        {
            item.NestedGroup = new Object();
            item.NestedGroup.WaitControl = true;
            item.NestedGroup.ActualActive = false;
        }
            
        if (item.NestedGroup)
        {
            if (item.ShowCheckBox)
                item.NestedGroup.ShowCheckBoxes = true;
            var table = this._CreateTable();
            cell.appendChild(table);
            var row = this._InsertRow(table);
            var cell1 = this._InsertCell(row);
            var cell2 = this._InsertCell(row);
            
            if (this._data.ShowLines)
            {
                var style = group.SpecialSymbolStyle;
                var indUrl = this._GetUrl(style.NoExpandNodeImageUrl); 
                var vertUrl = this._GetUrl(style.VerticalLineImageUrl); 
                cell1.style.width = '10px';
                cell1.style.backgroundRepeat = 'repeat-y';
                cell1.style.backgroundPosition = 'bottom right';
                cell1.style.backgroundImage = 'url('+vertUrl+')';
                
            }
            else
                cell1.style.width = '20px';
            
            this._Group_CreateRepresentationControl(cell2, item.NestedGroup, 0, this._GetP(item.Level,0), item.ClientID);
        }
        
    }
    this._Group_CreateItemsRepresentationControls = function(row, data, vert, group_id) 
    {
        var vis = 0;
        var isp = this._GetCompoundProperty(this._data.ItemSpacing, data.ItemSpacing);
        //if (typeof(data.Items) == 'undefined')
        //    return;
        this._Group_ProcessBodyRowStyle(row, data, vert);
        if (vert)
        {
            var cell = this._InsertCell(row);
            this._ProcessBodyStyle(cell, data, vert);
            if (this._data.ExpandEffect && this._TopicBar)
            {
                div = document.createElement('div');
                div.id = row.id+'_expand';
                cell = cell.appendChild(div);
                div = document.createElement('div');
                cell = cell.appendChild(div);
            }
            if (typeof(data.Items) != 'undefined')
            {
                for(var i=0;i<data.Items.length;i++) {
                    var item = data.Items[i];
                    if (data.ShowCheckBoxes)
                        item.ShowCheckBox = true;
                    if (typeof(item.Visible) == 'undefined' || item.Visible)
                    {
                        if (vis > 0 && typeof(isp) != 'undefined')
                        {
                            var c = this._CreateItemSpacing(item,vert,isp);
                            if (c)
                                cell.appendChild(c);
                        }
                        var id = group_id + '_i'+item.Index; 
                        this._Item_CreateRepresentationControl(cell, data, item, vert, id);
                        this._Item_AddRepresantationNestedGroup(cell, data, item, vert, id);
                        vis++;
                    }
                }
            }
            else
                  cell.innerHTML = "&nbsp;";

        }
        else
        {
            if (typeof(data.Items) != 'undefined')
            for(var i=0;i<data.Items.length;i++) {
                var item = data.Items[i]; 
                if (typeof(item.Visible) == 'undefined' || item.Visible)
                {
                    var cell = this._InsertCell(row);
                    this._ProcessBodyStyle(cell, data, vert);

                    var id = group_id + '_i'+i; 
                    this._Item_CreateRepresentationControl(cell, data, item, vert, id);
                    this._Item_AddRepresantationNestedGroup(cell, data, item, vert, id);
                    if (vis > 0 && typeof(isp) != 'undefined')
                    {
                        if (vert)
                            cell.style.paddingTop = isp;
                        else
                            cell.style.paddingLeft = isp;
                    }
                    
                    vis++;
                }
            }
        }
        // C1WebGroupHeader.CreateItemsRepresentationControls
        if (this._TopicBar || this._TabStrip || data.WaitControl)
        {
            this._Group_CreateWaitCallbackControl(row, data, group_id, this._GetP(data.ActualPopulateOnDemand, false) && !this._GetP(data.ActualActive, true));
        }
    }
    this._Group_CreateWaitCallbackControl = function(bodyRow, data, id, visible)
    {
        if (visible)
        {
            while (bodyRow.firstChild)
                bodyRow.removeChild(bodyRow.firstChild);
        }
        var cell; 
        if (this._TreeView)
        {
            cell = this._InsertCell(bodyRow);
            this._ProcessBodyStyle(cell, data, true);
            cell.align = 'left';
            cell.style.width = '100%';
        }
        else
        {
            cell = bodyRow.firstChild.appendChild(document.createElement('DIV'));
            this._ProcessBodyStyle(cell, data, true);
            cell.align = 'center';
        }
        cell.id = id + '_cb';
        
        if (!this._data.CallbackWaitControlID)
        {
            cell._dontClone = true;
            var waitimg = this._GetUrl(this._GetP(this._data.CallbackWaitImageUrl, 1));
            var img = this._createElement('IMG');
            cell.appendChild(img);
            img.style.borderWidth = 0;
            img.src = waitimg;
            data.CallbackWaitControlID = cell.id;
        }
        else
            data.CallbackWaitControlID = this._data.CallbackWaitControlID;
            
        if (!visible && !this._TreeView)
            cell.style.display = 'none';
            
    }
    this._ProcessSpecialSymbolStyle = function(data)
    {
        if (!this._data.SpecialSymbolStyle)
            this._data.SpecialSymbolStyle = new Object();
        var cst = this._data.SpecialSymbolStyle;
        if (!data.SpecialSymbolStyle)
            data.SpecialSymbolStyle = cst;
        var gst = data.SpecialSymbolStyle;
        this._ProcessSSS(gst, cst);
        
    }
    this._ProcessSSS = function(gst, cst)
    {
        if (!gst.CheckMarkImageUrl)
            gst.CheckMarkImageUrl = cst.CheckMarkImageUrl;
        if (!gst.RadioMarkImageUrl)
            gst.RadioMarkImageUrl = cst.RadioMarkImageUrl;
        if (!gst.SubMenuMarkImageUrl)
            gst.SubMenuMarkImageUrl = cst.SubMenuMarkImageUrl;
        if (!gst.SubMenuMarkText)
            gst.SubMenuMarkText = cst.SubMenuMarkText;
        if (!gst.CollapsedNodeImageUrl)
            gst.CollapsedNodeImageUrl = cst.CollapsedNodeImageUrl;
        if (!gst.NoExpandNodeImageUrl)
            gst.NoExpandNodeImageUrl = cst.NoExpandNodeImageUrl;
        if (!gst.ExpandedNodeImageUrl)
            gst.ExpandedNodeImageUrl = cst.ExpandedNodeImageUrl;
        if (!gst.VerticalLineImageUrl)
            gst.VerticalLineImageUrl = cst.VerticalLineImageUrl;
        if (!gst.HorizontalLineImageUrl)
            gst.HorizontalLineImageUrl = cst.HorizontalLineImageUrl;
    }
    this._ProcessItemSpecialSymbolStyle = function(data, _gdata)
    {
        if (!_gdata.SpecialSymbolStyle)
            _gdata.SpecialSymbolStyle = new Object();
        var cst = _gdata.SpecialSymbolStyle;
        if (!data.SpecialSymbolStyle)
            data.SpecialSymbolStyle = cst;
        var gst = data.SpecialSymbolStyle;
        this._ProcessSSS(gst, cst);
    }
    this._Group_CreateRepresentationControl = function(cell, data, index, level, parId)
    {
        this._ProcessSpecialSymbolStyle(data);
        var vert = !(this._ToolBar && (typeof(this._data.Layout) == "undefined" || this._data.Layout == 'Horizontal'));
        var res = this._CreateTable(vert && !this._Menu);
        var row = res.insertRow(res.rows.lenght);
        with (res) {
            if (this._TopicBar || this._TabStrip || this._ToolBar)
                id = parId + '__g' + index;
            else
                id = parId + '_g' + index;
            data.ClientID = id;
            row.id = id + '_br';
        }
        if (this._Menu)
        {
            res.style.display = "none";
            data.IsActive = false;
        }
        if (this._TopicBar && !this._GetP(data.ActualActive, true))
        {
            row.style.display = "none";
            data.IsActive = false;
        }
        else if (this._TabStrip && !this._GetP(data.ActualActive, true))
        {
            data.IsActive = false;
            res.style.display = "none";
        }
        else if (this._TreeView  && !this._GetP(data.ActualActive, true))
        {
            data.IsActive = false;
            res.style.display = "none";
        }
        var div = null;
        if (this._data.ExpandEffect && this._data.ExpandEffect != 'Fade' && !this._TopicBar)
        {
            div = document.createElement('div');
            div.id = res.id+'_expand';
        }
        
        if (!div)
        {
            if (this._Menu)
                this._rootElement.parentNode.appendChild(res);
            else
                cell.appendChild(res);
        }
        else
        {
            if (this._Menu)
                this._rootElement.parentNode.appendChild(div);
            else
                cell.appendChild(div);
            div.appendChild(res);
        }
        with (res) {
        if (data.ToolTip)
            title = data.ToolTip;
        var st;
        data.IsActive = true;
        this._Group_ProcessTableStyle(res, data, vert);
        
        //if (this.Class == 'TopicBar' && typeof(this._data.ShowGroupHeaders) == 'undefined')
        //{
        //    var headerRow = res.insertRow(res.rows.lenght);
        //    var headerCell = this._InsertCell(row);
        //    headerCell.valign = 'top';
        //}
            
        
        if (!this._TabStrip)
            data.BodyRowClientID = id + '_br';
        else
            data.BodyRowClientID = id;

        row.style.height = '100%';
        // HasHeaderRow
        if (this._TopicBar && this._GetP(this._data.ShowGroupHeaders, true))
        {
            var hr = res.insertRow(0);
            var hc = this._InsertCell(hr);
            this._ProcessHeaderRow(hr);
            this._ProcessHeaderCell(hc, data, index);
        }
        
        this._Group_CreateItemsRepresentationControls(row, data, vert, id);
        }
        if (!this._GetP(data.Enabled, true))
            res._disabled = true;
        return res;
    }   
    this._ProcessHeaderRow = function(row)
    {
    }
    this._ProcessHeaderCell = function(cell, gdata, index)
    {
        if (this._TopicBar)
        {
            var header = this._Header_Create(cell, gdata, index);
            this._ProcessHeaderControlStyle(header);
        }
    }
    this._Header_Create = function(cell, gdata, index)
    {
        var data = {Class: 'Header', Selected: this._GetP(gdata.ActualActive, true), Text: this._GetP(gdata.Text, '')};
        var id = this._data.ClientID + '_h_' + index + '_0';
        gdata.header = data;
        var vert = true;
        if (this.TabPos == 'Top' || this.TabPos == 'Bottom')
            vert = false;
        return this._Item_CreateRepresentationControl(cell, gdata, data, vert, id)     ;
    }
    this._ProcessHeaderControlStyle = function(header)
    {
    }
    this._CreateHeaderContent = function(body, data)
    {
        var result = this._CreateTable(this.AllHeadersInSingleCell);
        body.appendChild(result);
        var row = this._InsertRow(result);
        row.style.height = '100%';
        this._CreateRepresentationHeaders(row);
    }
    this._CreateRepresentationHeaders = function(bodyRow)
    {
        with (this._data)
        {
            if (this.AllHeadersInSingleCell)
            {
                var cell = this._InsertCell(bodyRow);
                for (var i=0;i<Groups.length;i++)
                {
                    var group = Groups[i];
                    group.NextIsActive = ((i+1) < Groups.length) && this._GetP(Groups[i+1].ActualActive, true);
                    if (typeof(group.Visible) == "undefined" || group.Visible)
                        this._Header_Create(cell, group,i);
                }
            }
            else
            {
                for (var i=0;i<Groups.length;i++)
                {
                    var group = Groups[i];
                    group.NextIsActive = ((i+1) < Groups.length) && this._GetP(Groups[i+1].ActualActive, true);
                    if (typeof(group.Visible) == "undefined" || group.Visible)
                    {
                        var cell = this._InsertCell(bodyRow);
                        cell.style.height = '100%';
                        this._Header_Create(cell, group,i);
                    }
                }
            }
        }
    }
   this._Group_ProcessTableStyle = function(table, data, vert)
   {
    
        if (!vert)
        {
            table.style.styleFloat = 'left';
            table.style.cssFloat = 'left';
        }
        
        var st;
        if (this._Menu)
          st = this._GetCompoundStyle(this._data.SubMenuStyle, data.GroupStyle);  
        else if (this._GetP(data.Enabled, true))
          st = this._GetCompoundStyle(this._data.GroupStyle, data.GroupStyle);
        else
          st = this._GetCompoundStyle(this._data.DisabledGroupStyle, data.DisabledGroupStyle);
        
        if (this._TabStrip && !table.style.width)
            table.style.width = '100%';
                  
        this._ApplyStyle(table, st);
        if (!this._GetP(data.ActualActive, true) && this._TopicBar)
            table.style.height = '';

        if (this._data.HideTabSideGroupBorder)
        {
            
            table.style['border'+this.TabPos+'Style'] = "";
            table.style['border'+this.TabPos+'Width'] = "";
            table.style['border'+this.TabPos+'Color'] = "";
        }
        
        data.Height = this._GetStyleValue(st, 'height');
    
    
        var backurl = this._GetUrl(this._GetStyleValue(st, 'BackImageUrl'));
        if (backurl)
            table.style.backgroundImage = 'url(' + backurl + ')';
        if (this._Menu && !this._GetP(vert, true))
        {
            table.style.styleFloat = 'left';
            table.style.cssFloat = 'left';
        }
        
        if (data.GroupSpacing)
        {
            if (vert)
                table.style.marginTop = data.GroupSpacing;
            else
                table.style.marginLeft = data.GroupSpacing;
        }
    
   }

   this._ProcessTableStyle = function(table, vert)
   {
    
        if (!vert)
        {
            table.style.styleFloat = 'left';
            table.style.cssFloat = 'left';
        }
        var st;
        st = this._data.GroupStyle;  
        this._ApplyStyle(table, st);
    
        var backurl = this._GetUrl(this._GetStyleValue(st, 'BackImageUrl'));
        if (backurl)
            table.style.backgroundImage = 'url(' + backurl + ')';
   }
   
   this._CustomTree_ProcessBodyRowStyle = function(bodyRow)
   {
   }
   this.CustomTree_ProcessBodyStyle = function(body, vert)
   {
    if (this._Menu && !vert)
        body.style.height = '100%';
   }
   
   this._CustomTree_CreateItemsRepresentationControls = function(bodyRow, vert)
   {
    var gdata = new Object();
    gdata.WrapText = false;
    gdata.SpecialSymbolStyle = new Object();
    this._ProcessSpecialSymbolStyle(gdata);
    this._CustomTree_ProcessBodyRowStyle(bodyRow);
    if (vert)
    {
       var cell = this._InsertCell(bodyRow);
       this.CustomTree_ProcessBodyStyle(cell,vert);
       if (this._data.Items)
       for(var i=0;i<this._data.Items.length;i++)
       {
         var item = this._data.Items[i];
         item.Level = 0;
         if (!item.ShowCheckBox)
            item.ShowCheckBox = this._data.ShowCheckBoxes;
         var id = this._data.ClientID + '_int_i'+i;
         this._Item_CreateRepresentationControl(cell, gdata, item, vert, id);
         this._Item_AddRepresantationNestedGroup(cell, gdata, item, vert, id);
       }
    }
    else
    {
       if (this._data.Items)
       for(var i=0;i<this._data.Items.length;i++)
       {
         var item = this._data.Items[i];
         item.Level = 0;
         var cell = this._InsertCell(bodyRow);
         var id = this._data.ClientID + '_int_i'+i;
         this.CustomTree_ProcessBodyStyle(cell);
         this._Item_CreateRepresentationControl(cell, gdata, item, vert, id);
         this._Item_AddRepresantationNestedGroup(cell, gdata, item, vert, id);
        }
    }
   }
   this._CustomTree_CreateControlContent = function(body) 
   {
    var vert = (this._TreeView || this._GetP(this._data.Layout, 'Vertical') == 'Vertical');
    
    var result = this._CreateTable(vert);
    body.appendChild(result);
    result.id = this._data.ClientID + '_int';
    var row = this._InsertRow(result);
    row.id = result.id + '_br';
    row.style.height = '100%';
    this._ProcessTableStyle(result, vert);
    this._CustomTree_CreateItemsRepresentationControls(row, vert);
    if (this._data.Padding)
        body.style.padding = this._data.Padding;
   }
   
   this._CreateControlContent = function (){ 
   // C1WebCommandBase.CreateChildControls
   var row = this._InsertRow(this._rootElement);
   this._rootRow = row;
   row.style.height = '100%';
   row.style.width = '100%';
   var cell = this._InsertCell(row);
   cell.style.height = '100%';
   cell.style.width = '100%';
   cell.vAlign = 'top';
   //C1WebCommandBase.ProcessControlStyle
   if (typeof(this._data.Padding) == 'undefined')
    cell.style.padding = '0px';
   else
    cell.style.padding = this._data.Padding;
    if (this._data.EnableDragDrop)
    {
        this._data.SortableElement = cell;
        cell.id = this._data.ClientID + '_srt';
    }
   
   if (this._TabStrip)
   {
        this.TabPos = this._GetP(this._data.TabPosition, 'Top');
        this.AllHeadersInSingleCell = (this.TabPos == 'Left' || this.TabPos == 'Right');
        var table = this._CreateTable(true);
        cell.appendChild(table);    
        var headerRow;
        var bodyRow;
        var headerCell;
        var bodyCell;
        var sep;
        with (this._data)
        {
            if (this._GetP(this._data.ShowTabs, true))
            {
                if (this.TabPos == 'Top')
                {
                    headerRow = table.insertRow(0);
                    bodyRow = table.insertRow(1);
                    headerCell = headerRow.insertCell(0);
                    //sep = headerRow;
                }
                if (this.TabPos == 'Bottom')
                {
                    bodyRow = table.insertRow(0);
                    headerRow = table.insertRow(1);
                    headerCell = headerRow.insertCell(0);
                    //sep = headerRow;
                }
                if (this.TabPos == 'Left')
                {
                    bodyRow = table.insertRow(0);
                    headerCell = bodyRow.insertCell(0);
                    //sep = headerCell;
                }
                if (this.TabPos == 'Right')
                {
                    bodyRow = table.insertRow(0);
                    bodyCell = this._InsertCell(bodyRow);
                    headerCell = this._InsertCell(bodyRow);
                    //sep = headerCell;
                }
                sep = headerCell;
                headerCell.vAlign = 'top';
                //headerCell.style.height = '100%';
                var surl = this._GetUrl(this._data.SeparatorInactiveImageUrl);
                if (surl)
                {
                    var pos;
                    var repeat;
                    if (this.TabPos == 'Top')
                    {
                        pos = 'bottom';
                        repeat = 'x';
                    }
                    else if (this.TabPos == 'Bottom')
                    {
                        pos = 'top';
                        repeat = 'x';
                    }
                    else if (this.TabPos == 'Left')
                    {
                        pos = 'right';
                        repeat = 'y';
                    }
                    else
                    {
                        pos = 'left';
                        repeat = 'y';
                    }
                    sep.style.backgroundImage = 'url('+surl+')';
                    sep.style.backgroundPosition = pos;
                    sep.style.backgroundRepeat = "repeat-"+repeat;
                }
            }
            else
                bodyRow = table.insertRow(0);
            if (!bodyCell)
                bodyCell = this._InsertCell(bodyRow);

            if (this._GetP(this._data.ShowTabs, true))
                this._CreateHeaderContent(headerCell, data);
            
            if (Groups) 
            {
                for (var i=0;i<Groups.length;i++)
                {
                
                    var group = Groups[i];
                    if (typeof(group.Visible) == "undefined" || group.Visible)
                        this._Group_CreateRepresentationControl(bodyCell, group,group.Index,0,this._data.ClientID);
                }
            }
            return;
        }
   }
   // FlatControl.CreateControlContent
   with (this._data)
   {
    if (Class == 'ToolBar' || Class == 'TopicBar')
    {
        if (this._data.Groups) {
            var _firstVis = true;
            for (var i=0;i<Groups.length;i++)
            {
                var group = Groups[i];
                if (typeof(group.Visible) == "undefined" || group.Visible)
                {
                    if (!_firstVis && this._data.GroupSpacing)
                        group.GroupSpacing = this._data.GroupSpacing;
                    _firstVis = false;                           
                    this._Group_CreateRepresentationControl(cell, group,group.Index,0,this._data.ClientID);
                }
            }
        }
    }    
    else if (this._Menu || this._TreeView)
        this._CustomTree_CreateControlContent(cell);
    
   }
   }   

   this._Start_Item = function(c, g, gdata, data, idx)
   {
    if (!this._GetP(data.Visible, true))
        return;
    var item = c1c_init_item(data.ClientID,
        this._GetP(data.onclick, null),
        this._GetP(data.onselect, null),
        this._GetP(data.onmousedown, null),
        this._GetP(data.onmouseenter, null),
        this._GetP(data.onmouseleave, null),
        this._GetP(data.onmousemove, null),
        this._GetP(data.onmouseout, null),
        this._GetP(data.onmouseover, null),
        this._GetP(data.onmouseup, null),
        this._GetP(data.onmousewheel, null),
        data.CItemStyle,
        data.CMouseOverItemStyle,
        data.CSelectedItemStyle,
        data.CMouseOverSelectedItemStyle,
        this._GetUrl(data.NavigateUrl),
        this._GetP(data.Target, ''),
        data.IsEnabled,
        this._GetP(data.Selected, false),
        this._GetP(this._data.IsClickHandler, false),
        this._GetP(this._data.IsSelectHandler, false),
        this._GetP(gdata.AllowSelectItem, false),
        this._GetP(data.PostBackFunc, this._data.PostBackFunc),
        this._GetUrl(this._GetStyleValue(data.CItemStyle, 'BackImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CItemStyle, 'ImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CItemStyle, 'LeftBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CItemStyle, 'RightBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CMouseOverItemStyle, 'BackImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CMouseOverItemStyle, 'ImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CMouseOverItemStyle, 'LeftBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CMouseOverItemStyle, 'RightBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CSelectedItemStyle, 'BackImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CSelectedItemStyle, 'ImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CSelectedItemStyle, 'LeftBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CSelectedItemStyle, 'RightBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CMouseOverSelectedItemStyle, 'BackImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CMouseOverSelectedItemStyle, 'ImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CMouseOverSelectedItemStyle, 'LeftBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(data.CMouseOverSelectedItemStyle, 'RightBorderImageUrl'))
    );
    g.AddItem(item);
    if (data.SubMenu)
        this._Start_Group(item, data.SubMenu, 0);        
    if (this._TreeView)
    {
        item.InitTreeItem(data.ClientID+'_ti', this._GetUrl(data.SpecialSymbolStyle.CollapsedNodeImageUrl), this._GetUrl(data.SpecialSymbolStyle.ExpandedNodeImageUrl));
        if (data.ActualPopulateOnDemand)
            item.InitTreeItemCallback(data.CallBackFunc, gdata.CallbackWaitControlID);
    }
    if (data.NestedGroup)
    {
        this._Start_Group(item, data.NestedGroup, 0); 
    }
    if (window.C1KeyboardShortcuts && this._GetP(this._data.KeyboardSupport, true) && data.KeyboardShortcut)
        window.C1KeyboardShortcuts.addShortcut(item, data.KeyboardShortcut);
   }
   this._Start_Header = function(c, gdata, header)
   {
        c.AddHeader(header.ClientID,
        this._GetP(gdata.onclick, null),
        this._GetP(gdata.onselect, null),
        this._GetP(gdata.onmousedown, null),
        this._GetP(gdata.onmouseenter, null),
        this._GetP(gdata.onmouseleave, null),
        this._GetP(gdata.onmousemove, null),
        this._GetP(gdata.onmouseout, null),
        this._GetP(gdata.onmouseover, null),
        this._GetP(gdata.onmouseup, null),
        this._GetP(gdata.onmousewheel, null),
        header.CItemStyle,
        header.CMouseOverItemStyle,
        header.CSelectedItemStyle,
        header.CMouseOverSelectedItemStyle,
        this._data.PostBackFunc,
        header.Selected,
        gdata.BodyRowClientID,
        gdata.ClientID,
        gdata.Height,
        this._GetP(this._data.GroupActivationHandler, false),
        this._GetUrl(this._GetStyleValue(header.CItemStyle, 'BackImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CItemStyle, 'ImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CItemStyle, 'LeftBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CItemStyle, 'RightBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverItemStyle, 'BackImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverItemStyle, 'ImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverItemStyle, 'LeftBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverItemStyle, 'RightBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CSelectedItemStyle, 'BackImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CSelectedItemStyle, 'ImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CSelectedItemStyle, 'LeftBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CSelectedItemStyle, 'RightBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverSelectedItemStyle, 'BackImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverSelectedItemStyle, 'ImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverSelectedItemStyle, 'LeftBorderImageUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverSelectedItemStyle, 'RightBorderImageUrl')),
        header.IsEnabled,
        this._GetP(gdata.EnableExpandCollapse, true),
        gdata.CallBackFunc, 
        gdata.CallbackWaitControlID, 
        this._GetUrl(this._GetStyleValue(header.CItemStyle, 'IndicatorUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverItemStyle, 'IndicatorUrl')),
        this._GetUrl(this._GetStyleValue(header.CSelectedItemStyle, 'IndicatorUrl')),
        this._GetUrl(this._GetStyleValue(header.CMouseOverSelectedItemStyle, 'IndicatorUrl'))
    );
   }
   this._Start_Group = function(c, data, idx)
   {
        var act = true;
        if (typeof(data.Active) == 'boolean' && !data.Active)
            act = false;
        var ic = 0;
        if (data.Items)
            ic = data.Items.length;
        var g = c1c_init_group(data.ClientID, 
            this._GetP(data.Enabled, true),
            act,
            this._GetP(data.AllowSelectItem, false),
            this._GetP(data.AllowMultipleSelect,true),
            this._GetP(data.AlwaysHasSelected, false),
			this._GetP(data.AllowMultipleSelectInControl, true),
			this._GetP(data.AllowUnselectItem, true),
			ic,
			'__'+data.ClientID + '_SSF');
		c.AddGroup(g);
        for(var i=0; i<ic; i++)
        {
            var item = data.Items[i];
            if (item.Class == 'LinkItem')
                this._Start_Item(c, g, data, item, i);
        }
        if(data.header)
        {
            this._Start_Header(c, data, data.header);
        }
        if (this._Menu)
            g.InitSubMenu(data.ClientID, this._GetP(data.OffsetPixelX,0), this._GetP(data.OffsetPixel0,0), this._GetP(data.Opacity,100), this._GetP(data.ShadowColor,''), this._GetP(data.ShadowDirection,135));
        else if (this._TreeView)
            g.InitTreeGroup(data.ClientID);
        		
   }
   
   this._Start = function()
   {
        var el = this._rootElement;
        if (el && (this._GetP(this._data.TimeStamp, "") == "" || el.attributes['timestamp'].value == this._data.TimeStamp))
        {
            var _c1_control = c1c_init_control(this._data.ClientID);
            _c1_control._isMenu = this._Menu;
            _c1_control._isToolBar = this._ToolBar;
            _c1_control._isTreeView = this._TreeView;
            _c1_control._isTabStrip = this._TabStrip;
            _c1_control._isTopicBar = this._TopicBar;
            _c1_control.enableDragDrop = this._data.EnableDragDrop;
           if (this._GetP(this._data.KeyboardSupport,true) && this._data.firstLinkItem)
           {
                _c1_control.set_keyboardSupport(true);
                if (this._data.firstLinkItem)
                {
                    var ti = el.tabIndex;
                    if (!ti || ti < 0)
                    {
                        if (document.all)
                            ti = document.all.length;
                        else
                            ti = 1;
                    }
                    this._data.firstLinkItem.tabIndex = ti;
                    if (ti)
                        el.removeAttribute('tabIndex')
                }
           }
            if (this._Menu || this._TreeView)
                _c1_control.InitTreeControl('__'+this._data.ClientID+'_SSIF', this._GetP(this._data.AllowSelectItem, false), this._GetP(this._data.AllowUnselectItem, true), this._GetP(this._data.AllowMultipleSelect, true), this._GetP(this._data.AlwaysHasSelected, false));
            with(this._data)
                if (this._data.Groups)
                {
                    for (var i=0;i<this._data.Groups.length;i++)
                    {
                        var group = this._data.Groups[i];
                        if (typeof(group.Visible) == "undefined" || group.Visible)
                            this._Start_Group(_c1_control, group,i);
                    }
                }
                else if (this._data.Items)
                {
                    for (var i=0;i<this._data.Items.length;i++)
                    {
                        var item = this._data.Items[i];
                        if (this._GetP(item.Visible, true) && (item.Class == 'LinkItem'))
                            this._Start_Item(_c1_control, _c1_control, this._data, item, i);
                    }
                }
                
        }
        if (this._TopicBar)
            _c1_control.InitTopicBar(this._GetP(this._data.ViewStyle, 'Standart') == 'Button', this._GetP(this._data.AutoCollapse, false));
        if (this._TabStrip)
        {
            var leftBorderImage = this._GetUrl(this._GetStyleValue(this._data.ActiveHeaderStyle, 'LeftBorderImageUrl'));
            var mouseOverLeftBoderImage = this._GetUrl(this._GetStyleValue(this._data.MouseOverActiveHeaderStyle, 'LeftBorderImageUrl'));
            _c1_control.InitTabStrip(this._GetUrl(this._data.SeparatorInactiveImageUrl), this._GetP(this._data.MixedBordersMode, false), leftBorderImage, mouseOverLeftBoderImage);
        }
        if (this._Menu)
        {
            _c1_control.InitMenu(this._GetP(this._data.Layout, 'Vertical') == 'Vertical', this._GetP(this._data.HorzPopupDirection, 'LeftToRight') == 'LeftToRight', this._GetP(this._data.VertPopupDirection, 'TopToBottom') == 'TopToBottom', this._GetP(this._data.ClickToOpen, false), this._GetP(this._data.HideSubMenuDelay, 500));
            if (this._data.ContextMenu == 'Default')
                _c1_control.InitDefaultContextMenu();
            else if (this._data.ContextMenu == 'Control')
                _c1_control.InitControlContextMenu(this._data.ContextControlId);
            else if (this._data.ContextMenu == 'Custom')
                _c1_control.InitCustomContextMenu();
        }
        if (this._TreeView)
        {
            var psf = '__'+this._data.ClientID+'_PSF';
            var exp = this._GetP(this._data.ExpandSinglePath, false);
            if (document.getElementById(psf))
                _c1_control.InitTreeView(psf, exp);
            else
                _c1_control.InitTreeView(null, exp);
            if (this._data.GroupExpandHandler)
                _c1_control.setGroupExpandHandler();
            if (this._data.GroupCollapseHandler)
                _c1_control.setGroupCollapseHandler();
        }
        if (this._TopicBar || this._TabStrip || this._TreeView)
            _c1_control.SetGroupStatusField('__'+this._data.ClientID+'_GSF');
        if (this._data.EnableDragDrop)
            _c1_control.SetGroupOrderField('__'+this._data.ClientID+'_GOF');
            
            
       // Remove spinner
       // if (this._rootRow != this._rootElement.rows[0])
       // this._rootElement.deleteRow(0);
       // Remove content row
       if (this._contentRow && this._rootRow != this._rootElement.rows[0])
        this._rootElement.deleteRow(0);
        
       if (this._data.ExpandEffect)     
       {
            _c1_control.ExpandEffect = this._data.ExpandEffect;
            _c1_control.ExpandEffectDuration = this._GetP(this._data.ExpandEffectDuration, 300);
       }
       if (this._ToolBar )
            _c1_control.horizontal = this._GetP(this._data.Layout, 'Horizontal') == 'Horizontal';
            
        if (this._data.SortableElement)
        {   
            this._data.SortableElement.data = _c1_control;
            _c1_control.groupSpacing = data.GroupSpacing;
            Sortable.create(this._data.SortableElement, {tag: 'table', ghosting: true, onUpdate: function(list){list.data.onDragDrop(list, Sortable.sequence(list))}});
        }
    
   }
   this._GetP = function(value, def)
   {
    if (typeof(value) == 'undefined')
        return def;
    else
        return value;
   }
   this._GetUrl = function(idx)
   {
    if (typeof(idx)=='number' || (typeof(idx)=='string' && idx != ''))
        return this._data.Urls[idx];
    else
        return '';
   }
}

C1WebCommandBuilder.prototype.create = function(id)
{
     this._CreateControlContent();
     window.setTimeout("window."+id+".start()",10);
}
C1WebCommandBuilder.prototype.start = function()
{
     this._Start();
}
C1WebCommandBuilder.prototype.build = function(id)
{
  var el = this._rootElement;
  if (el && (this._GetP(this._data.TimeStamp, "") == "" || el.attributes['timestamp'].value == this._data.TimeStamp))
  {
     window.setTimeout("window."+id+".create('"+id+"')",10);
  }
}
C1WebCommandBuilder.prototype.getHash = function(vert,st,data,groupData)
{
    var cutStyle = "";
    if (st) {
        var	ss = st.split(";");
        for	(var i = 0;	i <	ss.length; i++)
	    {
	            if (ss[i])
	            {
    	            var	pair = c1c_splitTwice(ss[i], ":");
    	            if (pair[0] != "ImageUrl")
    	                cutStyle += ss[i] + ';';
    	        }
	   }
    }
    var fl = (data.NestedGroup || data.ActualPopulateOnDemand) && (data.ActualPopulateOnDemand || !this._GetP(data.NestedGroup.ActualActive, true));
    var res = ":"+data.Class+vert+cutStyle+data.NestedGroup+data.SubMenu+data.ActualActive+data.Selected+data.IsEnabled+this.specialSymbolStyleToStr(data.SpecialSymbolStyle)+data.MarkType+data.HasDropDownButton+groupData.ShowLines+groupData.ShowCheckBoxes+groupData.IconBarWidth+data.ShowLines+data.ShowCheckBox+fl+data.KeyboardShortcut;

    return res;
}
C1WebCommandBuilder.prototype.getFromHashTable = function(hash)
{
    for(var i=0; i<this._hashEls.length;i++)
    {
        if (this._hashEls[i][0] == hash)
            return this._hashEls[i];
    }
    return null;
}
C1WebCommandBuilder.prototype.addElToHash = function(hash, el, id)
{
    this._hashEls[this._hashEls.length] = [hash, el, id];
}

C1WebCommandBuilder.prototype.setNewIds = function(el, oldId, newId, data)
{
    var idLen = oldId.length;
    if (el.id && el.id.indexOf(oldId) == 0)
        el.id = newId + el.id.substr(idLen);
    if (el.id == newId)
        data.toolTipElement = el;
    else if (el.id == newId+"_txt")
        data.textElement = el;
    else if (el.id == newId+"_img")
        data.imageElement = el;
    else if (el.id == newId+"_ind")
        data.indicatorElement = el;
    else if (el.id == newId+"_lbi")
        data.lbiElement = el;
    else if (el.id == newId+"_rbi")
        data.rbiElement = el;
    else if (el.id == newId+"_ti")
        data.tiElement = el;
    else if (el.id == newId+"_cbx")
        data.cbxElement = el;
    else if (el.id == newId+"_dropBtn")
        data.dropElement = el;
    var kids = el.childNodes;
    for (var i = 0; i < kids.length; i++) 
        this.setNewIds(kids[i], oldId, newId, data);
}
C1WebCommandBuilder.prototype.setNewText = function(data)
{
    if (!data.ImageOnly)
        data.textElement.innerHTML = this._GetP(data.Text,'');
}
C1WebCommandBuilder.prototype.setNewToolTip = function(data)
{
    data.toolTipElement.title = this._GetP(data.ToolTip,'');
}
C1WebCommandBuilder.prototype.setNewImage = function(data)
{
    if (!data.TextOnly)
    { 
            data.imageElement.onload = this._onload;
            if (data.ImageUrl)
                data.imageElement.src = this._data.Urls[data.ImageUrl];
            else
            {
                data.imageElement.src = this._data.Urls[0];
                data.imageElement.style.display = 'none';
            }
    }
}
C1WebCommandBuilder.prototype.setImageSize = function(data)
{
    if (data.indicatorElement)
        data.indicatorElement.onload = this._onload;
    if (data.lbiElement)
        data.lbiElement.onload = this._onload;
    if (data.rbiElement)
        data.rbiElement.onload = this._onload;
    if (data.tiElement)
    {
        data.tiElement.onload = this._onload;
        data.tiElement.onclick = SetPlusMinusClicked;
    }
    if (data.cbxElement)
        data.cbxElement.onclick = SetCheckboxClicked;
    if (data.dropElement)
        data.dropElement.onclick = this._dropDownButtonFunc;
}
C1WebCommandBuilder.prototype.specialSymbolStyleToStr = function(gst)
{
    var res = "sst:";
        if (gst.CheckMarkImageUrl)
             res += "1:" + gst.CheckMarkImageUrl;
        if (gst.RadioMarkImageUrl)
            res += "2:" + gst.RadioMarkImageUrl;
        if (gst.SubMenuMarkImageUrl)
            res += "3:" + gst.SubMenuMarkImageUrl;
        if (gst.SubMenuMarkText)
            res += "4:" + gst.SubMenuMarkText;
        if (gst.CollapsedNodeImageUrl)
            res += "4:" + gst.CollapsedNodeImageUrl;
        if (gst.NoExpandNodeImageUrl)
            res += "4:" + gst.NoExpandNodeImageUrl;
        if (gst.ExpandedNodeImageUrl)
            res += "4:" + gst.ExpandedNodeImageUrl;
        if (gst.VerticalLineImageUrl)
            res += "4:" + gst.VerticalLineImageUrl;
        if (gst.HorizontalLineImageUrl)
            res += "4:" + gst.HorizontalLineImageUrl;
        return res;
}
C1WebCommandBuilder.prototype._onload = function () {this.style.width='';this.style.height='';};
C1WebCommandBuilder.prototype.cloneItem = function(elToClone, id, data)
{
    var  res = elToClone[1].cloneNode(true);
    this.setNewIds(res,elToClone[2],id,data);
    this.setNewText(data);
    this.setNewToolTip(data);
    this.setNewImage(data);
    this.setImageSize(data);
    return res;
}
 C1WebCommandBuilder.prototype._dropDownButtonFunc = function () { OnDropDownClick(this, this._dropDownContextMenuId) };