Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<div id="myContent"></div>
         <script type="text/javascript">
				var _collapsiblePanel1 = null;
 
				Load = function(){
  
					var optCollapsiblePanel1 = {
						ID: "CollapsiblePanel1",
						Collapsible: true,
						Title: "Últimos documentos criados",
						Wrapper: "myContent"
					}
 
					_collapsiblePanel1 = createCollapsiblePanel(optCollapsiblePanel1);				
				}
 
					SetControlEvents = function(_control, _event, _function){
					var __control = null;                var oContainer1Opt = {
					
					if(typeof(_control) == "object")
						__control = _control;
					else
						__control = document.getElementById(_control);
 
					if(_event.toString().toUpperCase() == "CLICK")
						__control.onclick = _function;
					else if(_event.toString().toUpperCase() == "MOVER")
						__control.onmouseover = _function;
					else if(_event.toString().toUpperCase() == "MOUT")
					__control.onmouseout = _function;
				}
 
				createCollapsiblePanel = function(optCollapsiblePanel){
					var oCollapsiblePanel = function(optCollapsiblePanel){
						this.ID = "collapsiblePanel1";
						this.Title = "";
						this.MenuInstance = "";
						this.Collapsible = false;
						this.Wrapper = "";
						this.Parent = "";
 
						this.LoadComponents = function(optCollapsiblePanel){
							
							this.ID = optCollapsiblePanel.ID;
							this.Title = optCollapsiblePanel.Title;
							this.MenuInstance = optCollapsiblePanel.MenuInstance;
							this.Collapsible = optCollapsiblePanel.Collapsible;
							this.Wrapper = optCollapsiblePanel.Wrapper;
 
							_collapsiblePanelObject = document.createElement("div");
							_collapsiblePanelObject.id = this.ID + "_MostExternalDiv" ;
							_collapsiblePanelObject.style.width = "100%";
							_collapsiblePanelObject.style.height = "auto";
							_collapsiblePanelObject.style.overflow = "hidden";
							_collapsiblePanelObject.style.margin = "0px";
							_collapsiblePanelObject.style.padding = "0px";
							_collapsiblePanelObject.style.background = "url(http:	ID: "container1",
                        Title: "Expressão",
                        SubTitle: "(Passo a Passo)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/1600cefcexpression.png?version=1&modificationDate=14851840176391487769009782&api=v2)";
 
							_collapsiblePanelObjectHead = document.createElement("div");
							_collapsiblePanelObjectHead.id = _collapsiblePanelObject.id + "_Head";
							_collapsiblePanelObjectHead.style.background = "#606060";
							_collapsiblePanelObjectHead.style.height = "45px";
							_collapsiblePanelObjectHead.style.paddingLeft = "10px";
							_collapsiblePanelObjectHead.style.color = "#fff";
							_collapsiblePanelObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
            ,
                        Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.",
                _collapsiblePanelObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
        _collapsiblePanelObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 
							_collapsiblePanelObjectHeadTitle = document.createElement("span");
							_collapsiblePanelObjectHeadTitle.id = _collapsiblePanelObjectHead.id + "_Title";
							_collapsiblePanelObjectHeadTitle.innerHTML = this.Title;
							_collapsiblePanelObjectHeadTitle.style.width = "336px";
							_collapsiblePanelObjectHeadTitle.style.textOverflow = "ellipsis";
							_collapsiblePanelObjectHeadTitle.style.fontSize = "20pt";
							_collapsiblePanelObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
 
							_collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadTitle);
 
							_collapsiblePanelObjectHeadMenu = document.createElement("div");
							_collapsiblePanelObjectHeadMenu.id = _collapsiblePanelObjectHead.id + "_Menu";
							_collapsiblePanelObjectHeadMenu.style.float = "right";
							_collapsiblePanelObjectHeadMenu.style.marginRight = "10px";
							_collapsiblePanelObjectHeadMenu.style.marginTop = "8px";
							_collapsiblePanelObjectHeadMenu.style.width = "26px";
							_collapsiblePanelObjectHeadMenu.style.height = "26px";
							_collapsiblePanelObjectHeadMenu.style.border = "1px solid #606060";
 
							_collapsiblePanelObjectHeadMenuImg = document.createElement("img");
							_collapsiblePanelObjectHeadMenuImg.id = _collapsiblePanelObjectHeadMenu.id + "_Img";
							_collapsiblePanelObjectHeadMenuImg.src = }
 
                var _container1 = createContainer(oContainer1Opt);           		
                
                var oContainer2Opt = {
						ID: "container2",
                        Title: "Texto Rico",
                        SubTitle: "(Limitações Design)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/menurichtext.png?version=1&modificationDate=14877694152191487769011698&api=v2";
							_collapsiblePanelObjectHeadMenuImg.style.width = "16px";
							_collapsiblePanelObjectHeadMenuImg.style.height = "16px";
							_collapsiblePanelObjectHeadMenuImg.style.marginLeft = "5px";
							_collapsiblePanelObjectHeadMenuImg.style.marginTop = "5px";
 
							_collapsiblePanelObjectHeadMenu.appendChild(_collapsiblePanelObjectHeadMenuImg);
 
							_collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadMenu);
 
							_collapsiblePanelObject.appendChild(_collapsiblePanelObjectHead);
 
							document.getElementById(this.Wrapper).appendChild(_collapsiblePanelObject);
 
							var _objects = [];
 
							var optMenuItem1 = {
								ID: "MenuItem1",
								Action: function(){
									var optPopin1 = {
											ID: "Popin1",
											Title: "Procurar",
											InnerHTML: "teste",
											Align: "CENTER",
											Modal: true
									}
 
									createPopin(optPopin1);
									var _nameParent = this.getAttribute("Parent");
									var _nameInstance = _nameParent.replace("_MostExternalDiv","");
									var _instance = window.Menus[_nameInstance];
 
									_instance.Hide();
									_instance.Parent.UndoHighlightMenu();
								},
								Description: "Procurar"
							}
							var _object1 = createMenuItem(optMenuItem1);
 
							_objects.push(_object1);
 
							var optMenuItem2 = {
								ID: "MenuItem2",
								Action: function(){
									var optPopin2 = {
											ID: "Popin2",
											Title: "Ordenar",
											InnerHTML: "teste",
											Align: "CENTER",
											Modal: true
									}
 
									createPopin(optPopin2);
									var _nameParent = this.getAttribute("Parent");
									var _nameInstance = _nameParent.replace("_MostExternalDiv","");
									var _instance = window.Menus[_nameInstance];
 
									_instance.Hide();
									_instance.Parent.UndoHighlightMenu();
								},
								Description: "Ordenar"
							}
							var _object2 = createMenuItem(optMenuItem2);
 
							_objects.push(_object2);
 
							var optMenuItem3 = {
								ID: "MenuItem3",
									Action: function(){
									var optPopin3 = {
											ID: "Popin3",
											Title: "Trocar Visualização",
											InnerHTML: "teste",
											Align: "CENTER",
											Modal: true
									}
 
									createPopin(optPopin3);
									var _nameParent = this.getAttribute("Parent");
									var _nameInstance = _nameParent.replace("_MostExternalDiv","");
									var _instance = window.Menus[_nameInstance];
 
									_instance.Hide();
									_instance.Parent.UndoHighlightMenu();
								},
								Description: "Trocar Visualização"
							}
							var _object3 = createMenuItem(optMenuItem3);
 
							_objects.push(_object3);
							var optMenu1 = {
								ID: "Menu1",
								Objects: _objects,
								Wrapper: _collapsiblePanelObjectHeadMenu.id
							}		
 						
							this.MenuInstance = createMenu(optMenu1);
							this.MenuInstance.Parent = this;

							if(window["CollapsiblePanels"] == undefined)
								window["CollapsiblePanels"] = [];												
																							
							window.CollapsiblePanels[this.ID] = this;
							window.CollapsiblePanels[window.CollapsiblePanels.length] = this;
							window["CurrentCollapsiblePanel"] = this.ID; 
							SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOVER", function(){
								var __img = this;
								var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
								var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
				
								if(_menu1.Status == "HIDDEN"){,
                        Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).",
                        NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container2 = createContainer(oContainer2Opt);     
 
 				var oContainer7Opt = {
						ID: "container7",
                        Title: "Texto Rico",
                        SubTitle: "(Referências)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2",
                        Description: "",
                        NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container7 = createContainer(oContainer7Opt);
 
                var oContainer3Opt = {
						ID: "container3",
                        Title: "Exportação PDF",
                        SubTitle: "(Conformidade e Versões)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/pdf.png?version=1&modificationDate=1487769196130&api=v2",
                        Description: "O PDF/A baseia-se na versão 1.4 do PDF de referência da Adobe Systems Inc. e é definido pela norma ISO 19005-1:2005.",
                        NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container3 = createContainer(oContainer3Opt);     
 
				var oContainer4Opt = {
						ID: "container4",
                        Title: "Imagem",
                        SubTitle: "(Exportação Para HTML)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/image.png?version=1&modificationDate=1487769196476&api=v2",
                        Description: "1.1 - Ao gerar o relatório, na etapa Tipo de Geração, escolha Exportação Para Arquivo. 1.2 - Na Etapa Tipo de Saída, Escolha o tipo Formato de página da Internet (HTML).",
                        			__img.style.backgroundColor = "#909090";
									__img.style.cursor= "pointer";
								}
							});
							SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){
				NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container4 = createContainer(oContainer4Opt);     
 
				var __imgoContainer5Opt = this;{
								var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
								var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
 
								if(_menu1.Status == "HIDDEN"){
ID: "container5",
                        Title: "Controles",
                         			__img.style.backgroundColor = "#606060";
									__img.style.cursor= "default";
								}
							});
							SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK", function(){
								var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
								var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
								_menu1.Show();
 
								var _object = _menu1.Object;
 
								_object.style.border = "1px solid #f6c342";
								_object.style.width = "168px";
 
								var __img = this;
								if(_menu1.Status == "OPENED"){
									__img.style.backgroundColor = "#909090";
									__img.style.cursor= "pointer";
									__img.style.border = "1px solid #f6c342";
									__img.style.borderBottom = "1px solid #909090"
								}
								else{
									__img.style.border = "1px solid #606060";
								}
							});
 
							window.onresize = function(){
								var _menu1 = window.Menus[window.CurrentMenu];
								if(_menu1){SubTitle: "(Prop. Arredondar Valor)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2",
                        Description: "A propriedade Arredondar Valor faz com que valores formatados sejam ou não arredondados. Essa propriedade está presente nos controles do relatório de Texto, Expressão, Fórmula e Totalizador.",
                        NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container5 = createContainer(oContainer5Opt);     
 
			    var oContainer6Opt = {
						ID: "container6",
                        Title: "Controles",
                        SubTitle: "(Sobreposição dos controles)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2",
                        Description: "Na versão 14.1 da devex, a sobreposição de campos pode ocasionar falhas na apresentação do design do relatório. Essas falhas ocorrem quando exportamos para HTML, XLS e outros...",
                        NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container6 = createContainer(oContainer6Opt);	
				}
 
				SetControlEvents = function(_control, _event, _function){
					var __control = null;
					
					if(typeof(_control) == "object")
						__control = _control;
					else
						__control = document.getElementById(_control);
 
					if(_event.toString().toUpperCase() == "CLICK")
						__control.onclick = _function;
					else if(_event.toString().toUpperCase() == "MOVER")
						__control.onmouseover = _function;
					else if(_event.toString().toUpperCase() == "MOUT")
					__control.onmouseout = _function;
				}
 
				createCollapsiblePanel = function(optCollapsiblePanel){
					var oCollapsiblePanel = function(optCollapsiblePanel){
						this.ID = "collapsiblePanel1";
						this.Title = "";
						this.MenuInstance = "";
						this.Collapsible = false;
						this.Wrapper = "";
						this.Parent = "";
						this.ProcurarStruct = [];		
						
						this.BuildProcurarStructure = function(){
							for (var i = 0; i < window.Containers.length; i++){
								this.ProcurarStruct[window.Containers[0].Title] = window.Containers[0];
							}
						}				
											
						this.Procurar = function(procurarPor){
 
						}
 
						this.LoadComponents = function(optCollapsiblePanel){
							
							this.ID = optCollapsiblePanel.ID;
							this.Title = optCollapsiblePanel.Title;
							this.MenuInstance = optCollapsiblePanel.MenuInstance;
							this.Collapsible = optCollapsiblePanel.Collapsible;
							this.Wrapper = optCollapsiblePanel.Wrapper;
 
							_collapsiblePanelObject = document.createElement("div");
							_collapsiblePanelObject.id = this.ID + "_MostExternalDiv" ;
							_collapsiblePanelObject.style.width = "100%";
							_collapsiblePanelObject.style.height = "auto";
							_collapsiblePanelObject.style.overflow = "hidden";
							_collapsiblePanelObject.style.margin = "0px";
							_collapsiblePanelObject.style.padding = "0px";
							_collapsiblePanelObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
 
							_collapsiblePanelObjectHead = document.createElement("div");
							_collapsiblePanelObjectHead.id = _collapsiblePanelObject.id + "_Head";
							_collapsiblePanelObjectHead.style.background = "#606060";
							_collapsiblePanelObjectHead.style.height = "45px";
							_collapsiblePanelObjectHead.style.paddingLeft = "10px";
							_collapsiblePanelObjectHead.style.color = "#fff";
							_collapsiblePanelObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _collapsiblePanelObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _collapsiblePanelObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 
							_collapsiblePanelObjectHeadTitle = document.createElement("span");
							_collapsiblePanelObjectHeadTitle.id = _collapsiblePanelObjectHead.id + "_Title";
							_collapsiblePanelObjectHeadTitle.innerHTML = this.Title;
							_collapsiblePanelObjectHeadTitle.style.width = "336px";
							_collapsiblePanelObjectHeadTitle.style.textOverflow = "ellipsis";
							_collapsiblePanelObjectHeadTitle.style.fontSize = "20pt";
							_collapsiblePanelObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
 
							_collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadTitle);
 
							_collapsiblePanelObjectHeadMenu = document.createElement("div");
							_collapsiblePanelObjectHeadMenu.id = _collapsiblePanelObjectHead.id + "_Menu";
							_collapsiblePanelObjectHeadMenu.style.float = "right";
							_collapsiblePanelObjectHeadMenu.style.marginRight = "10px";
							_collapsiblePanelObjectHeadMenu.style.marginTop = "8px";
							_collapsiblePanelObjectHeadMenu.style.width = "26px";
							_collapsiblePanelObjectHeadMenu.style.height = "26px";
							_collapsiblePanelObjectHeadMenu.style.border = "1px solid #606060";
 
							_collapsiblePanelObjectHeadMenuImg = document.createElement("img");
							_collapsiblePanelObjectHeadMenuImg.id = _collapsiblePanelObjectHeadMenu.id + "_Img";
							_collapsiblePanelObjectHeadMenuImg.src = "http://tdn.totvs.com/download/attachments/243011209/menu.png?version=1&modificationDate=1487769415219&api=v2";
							_collapsiblePanelObjectHeadMenuImg.style.width = "16px";
							_collapsiblePanelObjectHeadMenuImg.style.height = "16px";
							_collapsiblePanelObjectHeadMenuImg.style.marginLeft = "5px";
							_collapsiblePanelObjectHeadMenuImg.style.marginTop = "5px";
 
							_collapsiblePanelObjectHeadMenu.appendChild(_collapsiblePanelObjectHeadMenuImg);
 
							_collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadMenu);
 
							_collapsiblePanelObject.appendChild(_collapsiblePanelObjectHead);
 
							document.getElementById(this.Wrapper).appendChild(_collapsiblePanelObject);
 
							var _objects = [];
 
							var optMenuItem1 = {
								ID: "MenuItem1",
								Action: function(){
									var optPopin1 = {
											ID: "Popin1",
											Title: "Procurar",
											InnerHTML: "teste",
											Align: "CENTER",
											Modal: true
									}
 
									createPopin(optPopin1);
									_menu1.Hide(var _nameParent = this.getAttribute("Parent");
									_menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject);			var _nameInstance = _nameParent.replace("_MostExternalDiv","");
									var _instance = window.Menus[_nameInstance];
 
									_instance.Hide();
									_instance.Parent.UndoHighlightMenu();
								},
									_menu1.Parent.UndoHighlightMenu();Description: "Procurar"
							}
								}var _object1 = createMenuItem(optMenuItem1);
 
							}
 _objects.push(_object1);
 
							return this;var optMenuItem2 = {
						}
 
		ID: "MenuItem2",
								this.UndoHighlightMenu = Action: function(){
									var optPopin2 = {
										document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060";
	ID: "Popin2",
											Title: "Ordenar",
											document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.backgroundColor = "#606060";
	InnerHTML: "teste",
					}
 
						return this.LoadComponents(optCollapsiblePanel);Align: "CENTER",
					}
						return new oCollapsiblePanel(optCollapsiblePanel);
Modal: true
									}
  
				createPopin = function(optPopin){
					var oPopin = function(optPopin){
createPopin(optPopin2);
									this.IDvar _nameParent = this.getAttribute("popin1Parent");
						this.Title = "";
						this.InnerHTMLvar _nameInstance = _nameParent.replace("_MostExternalDiv","");
							this.Align		var _instance = ""window.Menus[_nameInstance];
 
									this.Modal = false_instance.Hide();
						this.Object = ""			_instance.Parent.UndoHighlightMenu();
						this.ModalObject = "";		},
						this.Parent =		Description: "Ordenar";
 
							this.LoadComponents = function(optPopin){}
							var _popinObjectobject2 = nullcreateMenuItem(optMenuItem2);
 
							var _popinObjectHead = null;
							var _popinObjectHeadTitle = null;_objects.push(_object2);
 
							var _popinObjectHeadCloseoptMenuItem3 = null;{
								var _popinObjectHeadCloseImg = null;ID: "MenuItem3",
							var _popinObjectBody = null;		Action: function(){
									var _popinObjectModaloptPopin3 = null;{
 								
			ID: "Popin3",
				this.ID = optPopin.ID;
							this.Title: = optPopin.Title;
"Trocar Visualização",
											this.InnerHTML = optPopin.InnerHTML;
: "teste",
											this.Align = optPopin.Align;
			: "CENTER",
				this.Modal = optPopin.Modal;
 
							_popinObject = document.createElement("div");
Modal: true
									_popinObject.id = this.ID + "_MostExternalDiv";
}
 
									_popinObject.style.display = "block";
createPopin(optPopin3);
									_popinObject.style.positionvar _nameParent = this.getAttribute("absoluteParent");
									_popinObject.style.zIndexvar _nameInstance = "6"_nameParent.replace("_MostExternalDiv","");
							_popinObject.style.width		var _instance = "400px";window.Menus[_nameInstance];
 
									_popinObject.style.height = "300px"instance.Hide();
									_popinObjectinstance.style.top = "50%"Parent.UndoHighlightMenu();
								_popinObject.style.left = "50%";},
							_popinObject.style.marginLeft = "-200px";	Description: "Trocar Visualização"
							_popinObject.style.marginTop = "-150px";}
							_popinObject.style.backgroundColorvar _object3 = "#909090"createMenuItem(optMenuItem3);
 
							_popinObject.style.border= "1px solid #f6c342"objects.push(_object3);
							_popinObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";var optMenu1 = {
							_popinObject.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObject.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 	ID: "Menu1",
								Objects: _objects,
								Wrapper: _collapsiblePanelObjectHeadMenu.id
							}		
 						
							this.MenuInstance = createMenu(optMenu1);
							this.MenuInstance.Parent = this;

							if(window["CollapsiblePanels"] == undefined)
								window["CollapsiblePanels"] = [];												
																							
							_popinObjectModalwindow.CollapsiblePanels[this.ID] = document.createElement("div")this;
							_popinObjectModal.idwindow.CollapsiblePanels[window.CollapsiblePanels.length] = this.ID + "_MostExternalDiv";
							_popinObjectModal.style.displaywindow["CurrentCollapsiblePanel"] = "block";this.ID; 
							SetControlEvents(_popinObjectModal.style.position = "absolute";
collapsiblePanelObjectHeadMenu.id, "MOVER", function(){
								_popinObjectModal.style.zIndexvar __img = "5"this;
								_popinObjectModal.style.width = "100%";var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
							_popinObjectModal.style.height	var _menu1 = "100%"window.CollapsiblePanels[_nameInstance].MenuInstance;
				
			_popinObjectModal.style.top					if(_menu1.Status == "0pxHIDDEN";
){
                        							_popinObjectModal__img.style.leftbackgroundColor = "0px#909090";
									__popinObjectModalimg.style.background cursor= "rgba(0, 0, 0, 0.4)pointer";

								_popinObjectHead = document.createElement("div");
							_popinObjectHead.id = _popinObject.id + "_Head"}
							});
							SetControlEvents(_popinObjectHead.style.width = "100%";collapsiblePanelObjectHeadMenu.id, "MOUT", function(){
							_popinObjectHead.style.height	var __img = "35px"this;
								_popinObjectHead.style.background = "#606060";
var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
								_popinObjectHead.style.paddingTopvar _menu1 = "5px";
window.CollapsiblePanels[_nameInstance].MenuInstance;
 
								if(_popinObjectHeadmenu1.style.webkitBoxShadowStatus == "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";"HIDDEN"){
                            _popinObjectHead			__img.style.mozBoxShadowbackgroundColor = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 #606060";
									__img.style.cursor= "default";
								}
							_popinObject.appendChild(_popinObjectHead});

							_popinObjectHeadTitle = document.createElement("span");
SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK", function(){
								var _popinObjectHeadTitle.idnameInstance = _popinObjectHeadthis.id +.replace("_MostExternalDiv_Head_Menu", "_Title";)
							_popinObjectHeadTitle.innerHTML	var _menu1 = this.Titlewindow.CollapsiblePanels[_nameInstance].MenuInstance;
								_popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
menu1.Show();
 
								_popinObjectHeadTitle.style.fontSizevar _object = "14pt";
_menu1.Object;
 
								_popinObjectHeadTitleobject.style.colorborder = "#fff1px solid #f6c342";
								_popinObjectHeadTitleobject.style.paddingLeftwidth = "10px168px";
  
								var _popinObjectHead.appendChild(_popinObjectHeadTitle)_img = this;

								if(_popinObjectHeadClosemenu1.Status == document.createElement("divOPENED");{
									__popinObjectHeadCloseimg.style.idbackgroundColor = _popinObjectHead.id + "_Close"#909090";
									__popinObjectHeadCloseimg.style.width cursor= "16pxpointer";
									__popinObjectHeadCloseimg.style.heightborder = "16px1px solid #f6c342";
									__popinObjectHeadCloseimg.style.floatborderBottom = "right";1px solid #909090"
								}
								else{
									__popinObjectHeadCloseimg.style.marginTopborder = "5px1px solid #606060";
							_popinObjectHeadClose.style.marginRight = "10px";
 	}
							SetControlEvents(_popinObjectHeadClose, "CLICK", function(){});
 
								var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close","");window.onresize = function(){
								var _instancemenu1 = window.Popins[_nameInstanceMenus[window.CurrentMenu];
 
								_instance.Close();
		if(_menu1){
					});
 
							SetControlEvents(_popinObjectHeadClose, "MOVER", function(){_menu1.Hide();
								this.style.cursor = "pointer";
							});
 
	_menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject);			
									SetControlEvents(_popinObjectHeadClose, "MOUT", function(){
_menu1.Parent.UndoHighlightMenu();								this.style.cursor = "default";

								});
							_popinObjectHeadCloseImg = document.createElement("img");}
 
							_popinObjectHeadCloseImg.id = _popinObjectHeadClose.id + "_Img"return this;
							_popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img";}
 
							_popinObjectHeadCloseImg.src = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2";
this.UndoHighlightMenu = function(){								
								_popinObjectHeadCloseImgdocument.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.widthborder = "16px1px solid #606060";
								_popinObjectHeadCloseImgdocument.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.heightbackgroundColor = "16px#606060";
							}
 
							_popinObjectHead.appendChild(_popinObjectHeadClosereturn this.LoadComponents(optCollapsiblePanel);
 
					}
			_popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg		return new oCollapsiblePanel(optCollapsiblePanel);
				}
 
				createPopin = function(optPopin){
					_popinObjectBodyvar oPopin = document.createElement("div");function(optPopin){
							_popinObjectBodythis.idID = _popinObject.id + "_Bodypopin1";
							_popinObjectBody.style.backgroundColorthis.Title = "#fff";
							_popinObjectBodythis.innerHTMLInnerHTML = this.InnerHTML"";
							_popinObjectBody.style.marginthis.Align = "10px";
							_popinObjectBody.style.heightthis.Modal = "240px"false;
						    _popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                            _popinObjectBody.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                            _popinObjectBody.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
 
this.Object = "";
						this.ModalObject = "";
						this.Parent = "";
 
						this.LoadComponents = function(optPopin){
							var _popinObject = null;
							var _popinObjectHead = null;
							var _popinObjectHeadTitle = null;
							var _popinObjectHeadClose = null;
							var _popinObjectHeadCloseImg = null;
							var _popinObjectBody = null;
							var _popinObjectModal = null;
 							_popinObject.appendChild(_popinObjectBody);
 
							document.body.appendChild(_popinObject)this.ID = optPopin.ID;
							document.body.appendChild(_popinObjectModal);
 this.Title = optPopin.Title;
							this.ObjectInnerHTML = _popinObjectoptPopin.InnerHTML;
							this.ModalObjectAlign = _popinObjectModal;
 optPopin.Align;
							if(window["Popins"] == undefined)this.Modal = optPopin.Modal;
 
								window["Popins"]_popinObject = [];document.createElement("div");
												_popinObject.id = this.ID + "_MostExternalDiv";
							_popinObject.style.display = "block";
							_popinObject.style.position = "absolute";
									_popinObject.style.zIndex = "6";
							window.Popins[this.ID]_popinObject.style.width = this"400px";
							window.Popins[window.Popins.length]_popinObject.style.height = this"300px";
							window["CurrentPopin"]_popinObject.style.top = this.ID; 

"50%";
							return this_popinObject.style.left = "50%";
						}
 
						this.Close_popinObject.style.marginLeft = function(){"-200px";
							document_popinObject.body.removeChild(this.Object)style.marginTop = "-150px";
							document_popinObject.body.removeChild(this.ModalObject);
style.backgroundColor = "#909090";
							}_popinObject.style.border= "1px solid #f6c342";
 
							return this.LoadComponents(optPopin)_popinObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
					}
 					
					return new oPopin(optPopin);
				}
 
				createMenu = function(optMenu){
						var oMenu = function(optMenu){
									this.ID = "menu1"		_popinObject.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                        			this.Objects = {};
									this.Wrapper = "";
									this.Status _popinObject.style.boxShadow = "HIDDEN";
									this.Object = "";
									this.TopBorderObject = "";
									this.Parent = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 
									this.LoadComponents_popinObjectModal = function(optMenu){
 document.createElement("div");
										var _menuObject_popinObjectModal.id = null;
										var _menuObjectContainer = null;
 
 this.ID + "_MostExternalDiv";
										this.ID_popinObjectModal.style.display = optMenu.ID"block";
										this.Objects_popinObjectModal.style.position = optMenu.Objects"absolute";
										this.Wrapper_popinObjectModal.style.zIndex = optMenu.Wrapper"5";
 
										_menuObjectTopBorder_popinObjectModal.style.width = document.createElement("div100%");
										_menuObjectTopBorder.id = this.ID + "_TopBorder_popinObjectModal.style.height = "100%";
										_menuObjectTopBorderpopinObjectModal.style.displaytop = "none0px";
										_menuObjectTopBorderpopinObjectModal.style.positionleft = "absolute0px";
										_menuObjectTopBorderpopinObjectModal.style.backgroundColorbackground = "#909090rgba(0, 0, 0, 0.4)";

							_popinObjectHead = document.createElement("div");
							_menuObjectTopBorder.style.width = "26pxpopinObjectHead.id = _popinObject.id + "_Head";
										_menuObjectTopBorderpopinObjectHead.style.heightwidth = "1px100%";
										_menuObjectTopBorderpopinObjectHead.style.zIndexheight = "235px";
										_menuObjectpopinObjectHead.style.background = document.createElement("div#606060");
										_menuObjectpopinObjectHead.style.idpaddingTop = this.ID + "_MostExternalDiv"5px";
										_menuObjectpopinObjectHead.style.displaywebkitBoxShadow = "none";
										_menuObject.style.position = "absolute";
										_menuObject.style.width = "170px";3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 
										_menuObject.style.backgroundColor= "#909090";
 
			popinObject.appendChild(_popinObjectHead);

							_menuObjectContainerpopinObjectHeadTitle = document.createElement("divspan");
										_menuObjectContainerpopinObjectHeadTitle.id = _menuObjectpopinObjectHead.id + "_ContainerTitle";
										_menuObjectContainerpopinObjectHeadTitle.style.widthinnerHTML = "150px"this.Title;
										_menuObjectContainerpopinObjectHeadTitle.style.marginfontFamily = "10px";
 
										for(var i = 0; i < this.Objects.length; i++){Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
											_menuObjectContainerpopinObjectHeadTitle.appendChild(this.Objects[i])style.fontSize = "14pt";
											this.Objects[i].setAttribute("Parent", _menuObject.id)_popinObjectHeadTitle.style.color = "#fff";
										}_popinObjectHeadTitle.style.paddingLeft = "10px";
 
										_menuObjectpopinObjectHead.appendChild(_menuObjectContainerpopinObjectHeadTitle);
 
										_popinObjectHeadClose = document.getElementByIdcreateElement("maindiv").appendChild(_menuObject);
										document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
 _popinObjectHeadClose.id = _popinObjectHead.id + "_Close";
										this.UpdatePosition(_menuObject, _menuObjectTopBorder);
 _popinObjectHeadClose.style.width = "16px";
							_popinObjectHeadClose.style.height = "16px";
				
			_popinObjectHeadClose.style.float = "right";
							this.TopBorderObject _popinObjectHeadClose.style.marginTop = _menuObjectTopBorder"5px";
										this.Object_popinObjectHeadClose.style.marginRight = _menuObject;"10px";
 
					
		SetControlEvents(_popinObjectHeadClose, "CLICK", function(){
										if(window["Menus"] == undefined)var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close","");
											window["Menus"]var _instance = window.Popins[_nameInstance];
 
												_instance.Close();
							});
 
																SetControlEvents(_popinObjectHeadClose, "MOVER", function(){
										window.Menus[this.ID]this.style.cursor = this"pointer";
							});
 
						window.Menus[window.Menus.length] = this;	SetControlEvents(_popinObjectHeadClose, "MOUT", function(){
										window["CurrentMenu"] = this.ID; 
 this.style.cursor = "default";
										return this});
									}
 _popinObjectHeadCloseImg = document.createElement("img");
									this.UpdatePosition_popinObjectHeadCloseImg.id = function(_menuObject, _topBorderObject){_popinObjectHeadClose.id + "_Img";
										if(_menuObject){
				_popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img";
							_menuObjectpopinObjectHeadCloseImg.style.leftsrc = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px"http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2";
							_popinObjectHeadCloseImg.style.width = "16px";
											_menuObjectpopinObjectHeadCloseImg.style.topheight = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"16px";
										}
 
										if_popinObjectHead.appendChild(_topBorderObjectpopinObjectHeadClose){;
 
							_popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg);

							_topBorderObject.style.toppopinObjectBody = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"createElement("div");
										}
									}
 
_popinObjectBody.id = _popinObject.id + "_Body";
									this.Show_popinObjectBody.style.backgroundColor = function(){"#fff";
										_popinObjectBody.innerHTML = this.InnerHTML;
										if(this.Status =_popinObjectBody.style.margin= "HIDDEN10px"){;
											this.Status_popinObjectBody.style.height = "OPENED240px";
											this.Object.style.display = "block";
											this.TopBorderObject.style.display = "block";
										}
										else
											this.Hide();
									};
 
									this.Hide = function(){
										if(this.Status == "OPENED"){    _popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                            _popinObjectBody.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                            _popinObjectBody.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
 
											this.Status = "HIDDEN";
_popinObject.appendChild(_popinObjectBody);
 
											this.Object.style.display = "none"document.body.appendChild(_popinObject);
											this.TopBorderObject.style.display = "none"document.body.appendChild(_popinObjectModal);
 
										}this.Object = _popinObject;
									}this.ModalObject = _popinObjectModal;
 
									return this.LoadComponents(optMenu);
if(window["Popins"] == undefined)
									}
window["Popins"] = [];						
						return new oMenu(optMenu);
				}
 
				createMenuItem = function(optMenuItem){
						var oMenuItem = function(optMenuItem){
									this.ID = "menuItem1";
                       
							window.Popins[this.ActionID] = ""this;
									this.Descriptionwindow.Popins[window.Popins.length] = ""this;
									this.Parentwindow["CurrentPopin"] = ""this.ID; 

									this.LoadComponents = function(optMenuItem){
 return this;
						}
 
						var _menuItemObject = null;this.Close = function(){
											var _menuItemObjectDescription = null;
 document.body.removeChild(this.Object);
											this.ID = optMenuItem.IDdocument.body.removeChild(this.ModalObject);
						};
 
						return this.Action = optMenuItem.ActionLoadComponents(optPopin);
					}
 					
		this.Description = optMenuItem.Description;
 
			return new oPopin(optPopin);
				}
 
							_menuItemObjectcreateMenu = document.createElement("div");function(optMenu){
											_menuItemObject.id = this.ID + "_MostExternalDiv";var oMenu = function(optMenu){
											_menuItemObject.style.paddingthis.ID = "5pxmenu1";
 
											SetControlEvents(_menuItemObject, "MOVER", function(){                        			this.Objects = {};
												this.style.backgroundColorWrapper = "#f6c342";
												this.style.cursorStatus = "pointerHIDDEN"; 
												document.getElementById(this.id + "_Description").style.colorthis.Object = "#000";
												this.TopBorderObject = "";
											})this.Parent = "";
 
											SetControlEvents(_menuItemObject, "MOUT",this.LoadComponents = function(optMenu){
 												this.style.backgroundColorvar _menuObject = "#909090"null;
												this.style.cursorvar _menuObjectContainer = "default"; 
	null;
 
											document.getElementById(this.id + "_Description").style.color.ID = "#fff"optMenu.ID;
											})this.Objects = optMenu.Objects;
 
											SetControlEvents(_menuItemObject, "CLICK", this.Action)this.Wrapper = optMenu.Wrapper;
 
											_menuItemObjectDescriptionmenuObjectTopBorder = document.createElement("spandiv");
											_menuItemObjectDescriptionmenuObjectTopBorder.id = _menuItemObjectthis.idID + "_DescriptionTopBorder";
											_menuItemObjectDescriptionmenuObjectTopBorder.style.innerHTMLdisplay = this.Description"none";
											_menuItemObjectDescriptionmenuObjectTopBorder.style.fontFamilyposition = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
	"absolute";
										_menuObjectTopBorder.style.backgroundColor = "#909090";
										_menuObjectTopBorder.style.width = "26px";
										_menuItemObjectDescriptionmenuObjectTopBorder.style.fontSizeheight = "10pt1px";
											_menuItemObjectDescriptionmenuObjectTopBorder.style.colorzIndex = "#fff2";
 
											_menuItemObject.appendChild(_menuItemObjectDescription);
 
                                            return _menuItemObjectmenuObject = document.createElement("div");
										_menuObject.id = this.ID + "_MostExternalDiv";
									}
 	_menuObject.style.display = "none";
									return this.LoadComponents(optMenuItem)	_menuObject.style.position = "absolute";
						}
 
						return oMenuItem(optMenuItem);					
				}
 
_menuObject.style.width = "170px";
						Load();
				createContainer = function(optContainer){
                          var oContainer = function(optContainer){
                                       this.ID = "container1";
                                       this.Title = "";
                                       this.SubTitle = "";
                                       this.ImageUrl = "";
                                       this.Description = "";
                                       this.NavigateUrl = "";
                                       this.Wrapper = "_menuObject.style.backgroundColor= "#909090";
 
										_menuObjectContainer = document.createElement("div");
										_menuObjectContainer.id = _menuObject.id + "_Container";
										_menuObjectContainer.style.width = "150px";
										_menuObjectContainer.style.margin = "10px";
 
										for(var i = 0; i < this.Objects.length; i++){
											_menuObjectContainer.appendChild(this.Objects[i]);
											this.Objects[i].setAttribute("Parent", _menuObject.id);
										}
 
										_menuObject.appendChild(_menuObjectContainer);
 
										document.getElementById("main").appendChild(_menuObject);
										document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
 
										this.UpdatePosition(_menuObject, _menuObjectTopBorder);
 										
										this.TopBorderObject  = _menuObjectTopBorder;
										this.Object = _menuObject;				
		
										if(window["Menus"] == undefined)
											window["Menus"] = [];												
																							
										window.Menus[this.ID] = this;
										window.Menus[window.Menus.length] = this;
										window["CurrentMenu"] = this.ID; 
 
										return this;
									}
 
									this.UpdatePosition = function(_menuObject, _topBorderObject){
										if(_menuObject){
											_menuObject.style.left = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px";
											_menuObject.style.top =  this.Parent = "";
 
                                       this.LoadComponents = function(optContainer){
                                                var _containerObject = null;
(document.getElementById(this.Wrapper).offsetTop + 26) + "px";
										}
 
										if(_topBorderObject){
											_topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
										}
									}
 
									this.Show =   var _containerObjectTitle = null;function(){										
										if(this.Status == "HIDDEN"){
												var _containerObjectSubTitlethis.Status = null"OPENED";
												var _containerObjectImageBackground = nullthis.Object.style.display = "block";
												var _containerObjectImageBackgroundImg = null;
this.TopBorderObject.style.display = "block";
										}
			var _containerObjectDescription = null;
							else
					var _containerObjectSep = null;
						this.Hide();
						var _containerObjectMaisInfo = null;
			};
 
									var _containerObjectMaisInfoA = null;
                                                
                                                this.ID = optContainer.ID
                                                this.Title = optContainer.Title;
	this.Hide = function(){
										if(this.Status == "OPENED"){
											this.Status = "HIDDEN";
											this.Object.style.display = "none";
											this.TopBorderObject.style.SubTitle = optContainer.SubTitle;
                                       			this.ImageUrl = optContainer.ImageUrl;
                                       			this.Description = optContainer.Description;
                                       			this.NavigateUrl = optContainer.NavigateUrldisplay = "none"
										}
									};
 
									return this.LoadComponents(optMenu);
						}
					
						return new oMenu(optMenu);
				}
 
				createMenuItem = function(optMenuItem){
						var oMenuItem = function(optMenuItem){
									this.ID = "menuItem1";
                                                this.Wrapper = optContainer.Wrapper;
                                                
                                                _containerObject				this.Action = "";
									this.Description = "";
									this.Parent = "";

									this.LoadComponents = function(optMenuItem){
 											var _menuItemObject = null;
											var _menuItemObjectDescription = null;
 
											this.ID = optMenuItem.ID;
											this.Action = optMenuItem.Action;
											this.Description = optMenuItem.Description;
 
											_menuItemObject = document.createElement("div");
                                                _containerObject.id = this.ID + "_MostExternalDiv";
                                                _containerObject.style.width = "250px";
                                                _containerObject.style.height = "auto";
                                                _containerObject.style.background = "#fff";
                                                _containerObject.style.border = "1px solid #c0c0c0";
                                                _containerObject.style.padding = "10px";
                                                _containerObject.style.margin = "10px";
												_menuItemObject.id = this.ID + "_MostExternalDiv";
											_menuItemObject.style.padding = "5px";
 
											SetControlEvents(_menuItemObject, "MOVER", function(){
												this.style.backgroundColor = "#f6c342";
												this.style.cursor = "pointer"; 
												document.getElementById(this.id + "_Description").style.color = "#000";												
											});
 
											SetControlEvents(_menuItemObject, "MOUT", function(){
												this.style.backgroundColor = "#909090";
												this.style.cursor = "default"; 
												document.getElementById(this.id + "_Description").style.color = "#fff";
											});
 
											SetControlEvents(_menuItemObject, "CLICK", this.Action);
 
											_menuItemObjectDescription = document.createElement("span");
											_containerObjectmenuItemObjectDescription.style.float = "left";
                                                _containerObject.style.position = "relative";
                                                _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                                                _containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
 id = _menuItemObject.id + "_Description";
											_menuItemObjectDescription.innerHTML = this.Description;
											_menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
											_menuItemObjectDescription.style.fontSize = "10pt";
											_menuItemObjectDescription.style.color = "#fff";
 
											_menuItemObject.appendChild(_menuItemObjectDescription);
 
                                            return   _containerObject.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
  _menuItemObject;
									}
 
									return this.LoadComponents(optMenuItem);
						}
 
						return oMenuItem(optMenuItem);					
				}
 
				Load();
				createContainer = function(optContainer){
                          var oContainer                   = function(optContainer){
                                                _containerObjectTitle = document.createElement("div")this.ID = "container1";
                                                _containerObjectTitle.idthis.Title = _containerObject .id + "_Title";
                                                _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif this.SubTitle = "";
                                                _containerObjectTitle.style.fontSizethis.ImageUrl = "16pt";
                                       this.Description    = "";
     _containerObjectTitle.style.width = "100%";
                                this.NavigateUrl = "";
              _containerObjectTitle.style.height = "30px";
                       this.Wrapper = "";
									   this.Parent = "";
 
                 _containerObjectTitle.style.textAlign = "center";
                    this.LoadComponents = function(optContainer){
                           _containerObjectTitle.innerHTML = this.Title;
                   var _containerObject = null;
											    var _containerObjectTitle = null;
												var _containerObjectSubTitle = null;
												var _containerObjectImageBackground = null;
												var _containerObjectImageBackgroundImg = null;
												var _containerObjectDescription = null;
												var _containerObjectSep = null;
												var _containerObjectMaisInfo =  null;
												_containerObject.appendChild(_containerObjectTitle);
 var _containerObjectMaisInfoA = null;
                                                _containerObjectSubTitle = document.createElement("div");
                                                _containerObjectSubTitlethis.idID = _containerObject .id + "_SubTitle";
                            optContainer.ID
                    _containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
                       this.Title = optContainer.Title;
												this.SubTitle = optContainer.SubTitle;
                     _containerObjectSubTitle.style.fontSize = "14pt";
                			this.ImageUrl = optContainer.ImageUrl;
                              _containerObjectSubTitle.style.width = "100%";
       			this.Description = optContainer.Description;
                                       _containerObjectSubTitle.style.height			this.NavigateUrl = "35px"optContainer.NavigateUrl;
                                                _containerObjectSubTitle.style.textAlignthis.Wrapper = "center"optContainer.Wrapper;
                                                _containerObjectSubTitle.innerHTML = this.SubTitle; 
                                                _containerObject.appendChild(_containerObjectSubTitle);
 
												_containerObjectImageBackground = document.createElement("div");
                                                _containerObjectImageBackgroundcontainerObject.id = _containerObject this.idID + "_ImageBackgroundMostExternalDiv";
                                                _containerObjectImageBackgroundcontainerObject.style.backgroundwidth = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
												_containerObjectImageBackground.style.backgroundPosition = "center bottom250px";
                                                _containerObjectImageBackgroundcontainerObject.style.widthheight = "100%auto";
                                                _containerObjectImageBackgroundcontainerObject.style.heightbackground = "100px";
                   "#fff";
                              _containerObjectImageBackground.style.position= "relative";
 
												_containerObjectImageBackgroundImg = document.createElement("img");
												_containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.style.position = "absolute";
												_containerObjectImageBackgroundImg      _containerObject.style.topborder = "15px";
												_containerObjectImageBackgroundImg.style.left = "15px";
												_containerObjectImageBackgroundImg.src = this.ImageUrl;
 
												_containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg);
 
												_containerObject.appendChild(_containerObjectImageBackground);
 
1px solid #c0c0c0";
                                                _containerObject.style.padding = "10px";
                                                _containerObjectDescriptioncontainerObject.style.margin = document.createElement("div10px");
												_containerObject.style.float = "left";
                                              _containerObjectDescription.id = _containerObject .style.idposition += "_Descriptionrelative";
                                                _containerObjectDescriptioncontainerObject.style.fontFamilywebkitBoxShadow = "Segoe3px UI,3px Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
												_containerObjectDescription.style.fontSize = "12pt"3px 0px rgba(100, 100, 100, 0.4)";
                                                _containerObjectDescriptioncontainerObject.style.widthmozBoxShadow = "100%3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                                                _containerObjectDescriptioncontainerObject.style.heightboxShadow = "135px";
3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                                         _containerObjectDescription.style.textAlign = "justify";
     
                                           _containerObjectDescription.innerHTML = this.Description;
 
												_containerObject.appendChild(_containerObjectDescription);
 
 												_containerObjectSep   _containerObjectTitle = document.createElement("div");
                                                _containerObjectSepcontainerObjectTitle.id = _containerObject .id + "_SepTitle";
                                                _containerObjectSepcontainerObjectTitle.style.widthfontFamily = "100%";
												_containerObjectSep.style.height = "1px";
         Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
                                       _containerObjectSep.style.backgroundColor = "#c0c0c0";
												_containerObjectSep.style.marginTop = "15px";
 
												_containerObject.appendChild(_containerObjectSep);
 
 												_containerObjectMaisInfo = document.createElement("div")      _containerObjectTitle.style.fontSize = "16pt";
                                                _containerObjectMaisInfocontainerObjectTitle.style.idwidth = _containerObject .id + "_MaisInfo"100%";
                                                _containerObjectMaisInfo.style.width = "100%";
												_containerObjectMaisInfocontainerObjectTitle.style.height = "20px30px";
                                                _containerObjectMaisInfocontainerObjectTitle.style.textAlign = "right";
												_containerObjectMaisInfo.style.paddingTop = "5px";
 
 												_containerObjectMaisInfoA = document.createElement("a") = "center";
                                                _containerObjectMaisInfoAcontainerObjectTitle.idinnerHTML = _containerObjectMaisInfo.id + "_A";
												_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A"this.Title;
                                                _containerObjectMaisInfoA.href = this.NavigateUrl;
												_containerObject.appendChild(_containerObjectTitle);
 
                                                _containerObjectMaisInfoA.textcontainerObjectSubTitle = "Mais [...]";
 
												_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA);
 
												_containerObject.appendChild(_containerObjectMaisInfo);
 document.createElement("div");
                                                document.getElementById(this.Wrapper).appendChild(_containerObject);
 
												if(window["Containers"] == undefined)
													window["Containers"] = [];												
																							
												window.Containers[this.ID] = this;
												window.Containers[window.Containers.length] = this;
												window["CurrentContainer"] = this.ID;
 
												return this;
              _containerObjectSubTitle.id = _containerObject .id + "_SubTitle";
                                                _containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
                         }
 
                       _containerObjectSubTitle.style.fontSize = "14pt";
             return this.LoadComponents(optContainer);
                          }
 
        _containerObjectSubTitle.style.width = "100%";
               return new oContainer(optContainer);
                } 
              _containerObjectSubTitle.style.height = "35px";
                var oContainer1Opt = {
						ID: "container1",
                        Title: "Expressão",
   _containerObjectSubTitle.style.textAlign = "center";
                   SubTitle: "(Passo a Passo)",
                         ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&api=v2",
 _containerObjectSubTitle.innerHTML = this.SubTitle;
                               Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.", _containerObject.appendChild(_containerObjectSubTitle);
 
												_containerObjectImageBackground = document.createElement("div");
                        NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667",
                        _containerObjectImageBackground.id =  Wrapper:_containerObject .id + "CollapsiblePanel1_MostExternalDivImageBackground";
                 }
 
                   var _container1 = createContainer(oContainer1Opt);         _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
												_containerObjectImageBackground.style.backgroundPosition = "center bottom";
                
                  var oContainer2Opt = {
						ID: "container2",
          _containerObjectImageBackground.style.width = "100%";
            Title: "Texto Rico",
                        SubTitle: "(Limitações Design)",
         _containerObjectImageBackground.style.height = "100px";
             ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2",
                        Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).",
                        NavigateUrl: "",
            _containerObjectImageBackground.style.position= "relative";
 
												_containerObjectImageBackgroundImg = document.createElement("img");
												_containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.style.position = "absolute";
												_containerObjectImageBackgroundImg.style.top = "15px";
												_containerObjectImageBackgroundImg.style.left = "15px";
												_containerObjectImageBackgroundImg.src = this.ImageUrl;
 
												_containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg);
 
												_containerObject.appendChild(_containerObjectImageBackground);
 
             Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container2containerObjectDescription = createContainer(oContainer2Opt);     
 
 				var oContainer7Opt = {
						ID: "container7",
document.createElement("div");
                          Title: "Texto Rico",
                    _containerObjectDescription.id = _containerObject .id SubTitle:+ "(Referências)",_Description";
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2",
                        Description: "",
                        NavigateUrl: "",
        _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
												_containerObjectDescription.style.fontSize = "12pt";
                Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container7containerObjectDescription.style.width = createContainer(oContainer7Opt);
 "100%";
                var oContainer3Opt = {
						ID: "container3",
                        Title: "Exportação PDF",
  _containerObjectDescription.style.height = "135px";
                    SubTitle: "(Conformidade e Versões)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/pdf.png?version=1&modificationDate=1487769196130&api=v2", _containerObjectDescription.style.textAlign = "justify";
                        Description: "O PDF/A baseia-se na versão 1.4 do PDF de referência da Adobe Systems Inc. e é definido pela norma ISO 19005-1:2005.",
                        _containerObjectDescription.innerHTML = this.Description;
 
												_containerObject.appendChild(_containerObjectDescription);
 
 												_containerObjectSep = document.createElement("div");
                                       NavigateUrl: "",
        _containerObjectSep.id = _containerObject .id + "_Sep";
            Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container3containerObjectSep.style.width = createContainer(oContainer3Opt);     
 
"100%";
						var oContainer4Opt = {
						ID:_containerObjectSep.style.height = "container41px",
;
                              Title: "Imagem",
                 _containerObjectSep.style.backgroundColor = "#c0c0c0";
												_containerObjectSep.style.marginTop = "15px";
 
												_containerObject.appendChild(_containerObjectSep);
 
 												_containerObjectMaisInfo    SubTitle: "(Exportação Para HTML)",= document.createElement("div");
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/image.png?version=1&modificationDate=1487769196476&api=v2",
                        Description: "1_containerObjectMaisInfo.1id -= Ao_containerObject gerar.id o relatório, na etapa Tipo de Geração, escolha Exportação Para Arquivo. 1.2 - Na Etapa Tipo de Saída, Escolha o tipo Formato de página da Internet (HTML).",
+ "_MaisInfo";
                                                 NavigateUrl: "",
_containerObjectMaisInfo.style.width = "100%";
												_containerObjectMaisInfo.style.height = "20px";
                         Wrapper: "CollapsiblePanel1_MostExternalDiv"
                       _containerObjectMaisInfo.style.textAlign = }
 
  "right";
												_containerObjectMaisInfo.style.paddingTop = "5px";
 
 												_containerObjectMaisInfoA = document.createElement("a");
              var _container4 = createContainer(oContainer4Opt);     
 
				var oContainer5Opt = {
						ID: "container5",
                          _containerObjectMaisInfoA.id =  Title:_containerObjectMaisInfo.id + "Controles_A",
    ;
												_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A";
                    SubTitle: "(Prop. Arredondar Valor)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2", _containerObjectMaisInfoA.href = this.NavigateUrl;
                        Description: "A propriedade Arredondar Valor faz com que valores formatados sejam ou não arredondados. Essa propriedade está presente nos controles do relatório de Texto, Expressão, Fórmula e Totalizador.",
 _containerObjectMaisInfoA.text = "Mais [...]";
 
												_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA);
 
												_containerObject.appendChild(_containerObjectMaisInfo);
 
                         NavigateUrl: "",
                      document.getElementById(this.Wrapper).appendChild(_containerObject);
 
												if(window["Containers"]  Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container5 = createContainer(oContainer5Opt);     
 
			    var oContainer6Opt = {
== undefined)
													window["Containers"] = [];												
																							
												window.Containers[this.ID] = this;
												window.Containers[window.Containers.length] = this;
												ID: "container6",
                        Title: "Controles",
                        SubTitle: "(Sobreposição dos controles)",
             window["CurrentContainer"] = this.ID;
 
												return this;
           ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2",
                        Description: "Na versão 14.1 da devex, a sobreposição de campos pode ocasionar falhas na apresentação do design do relatório. Essas falhas ocorrem quando exportamos para HTML, XLS e outros...",
 }
 
                                      return this.LoadComponents(optContainer);
         NavigateUrl: "",
                }
 
        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                return }
 new oContainer(optContainer);
                var _container6 = createContainer(oContainer6Opt);}
         </script>

 

http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&api=v2