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;
 				
				LoadcreateCollapsiblePanel = function(optCollapsiblePanel){
  
					var optCollapsiblePanel1oCollapsiblePanel = function(optCollapsiblePanel){
						this.ID: = "CollapsiblePanel1collapsiblePanel1",;
						Collapsible: true,this.Title = "";
						Title: "Últimos documentos criados",this.MenuInstance = "";
						this.Collapsible = false;
						this.Wrapper: = "myContent";
					}
 
	this.Parent = "";
						_collapsiblePanel1this.ProcurarStruct = createCollapsiblePanel(optCollapsiblePanel1)[];		
						
 
						                var oContainer1Opt = this.BuildProcurarStructure = function(){
						ID: "container1",
                        Title: "Expressão",
                        SubTitle: "(Passo a Passo)",
                        ImageUrl: "http://tdn.totvs.	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/expression1600cefc.png?version=1&modificationDate=14877690097821485184017639&api=v2)",
                        Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.",
;
 
							_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, NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667",100, 0.7)";
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container1 = createContainer(oContainer1Opt);           		
                
                var oContainer2Opt = {
						ID: "container2",
                        Title: "Texto Rico",
                        SubTitle: "(Limitações Design)",
                        ImageUrl:_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/richtextmenu.png?version=1&modificationDate=14877690116981487769415219&api=v2",
                        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 = {
;
							_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: "container4Popin3",
                        											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).",
                        NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container4 = createContainer(oContainer4Opt);     
 
				var oContainer5Opt = {
						ID: "container5",
                        Title: "Controles",
                        SubTitle: "(Prop. Arredondar Valor)",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"){
                        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";
			__img.style.backgroundColor = "#909090";
									__img.style.cursor= "pointer";
								}
							});
							SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){
								var __img = this;
								var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
								var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
 
								if(_menu1.Status == "HIDDEN"){
                        			__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){
									_menu1.Hide();
									_menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject);			
									_menu1.Parent.UndoHighlightMenu();						
								}
							}
 
							return this;
						}
 
						this.UndoHighlightMenu = function(){								
								document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060";
								document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.backgroundColor = "#606060";
						}
 
						return this.LoadComponents(optCollapsiblePanel);
					}
					return new oCollapsiblePanel(optCollapsiblePanel);
				}
 
				createPopin = function(optPopin){
					var oPopin = function(optPopin){
						this.ID = "popin1";
						this.Title = "";
						this.InnerHTML = "";
						this.Align = "";
						this.Modal = false;
						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;
 							
							this.ID = optPopin.ID;
							this.Title = ""optPopin.Title;
							this.MenuInstanceInnerHTML = ""optPopin.InnerHTML;
							this.CollapsibleAlign = falseoptPopin.Align;
							this.WrapperModal = "";
optPopin.Modal;
 
							this.Parent_popinObject = document.createElement("div");
							this_popinObject.ProcurarStructid = [];		this.ID + "_MostExternalDiv";
						
						this.BuildProcurarStructure = function(){	_popinObject.style.display = "block";
							for (var i = 0; i < window.Containers.length; i++){_popinObject.style.position = "absolute";
								this.ProcurarStruct[window.Containers[0].Title] = window.Containers[0]_popinObject.style.zIndex = "6";
							}_popinObject.style.width = "400px";
						}					_popinObject.style.height = "300px";
								_popinObject.style.top = "50%";
			
						this.Procurar_popinObject.style.left = function(procurarPor){
 
"50%";
						}
 
						this.LoadComponents = function(optCollapsiblePanel){	_popinObject.style.marginLeft = "-200px";
							_popinObject.style.marginTop = "-150px";
							this.ID_popinObject.style.backgroundColor = optCollapsiblePanel.ID"#909090";
							this.Title = optCollapsiblePanel.Title_popinObject.style.border= "1px solid #f6c342";
							this.MenuInstance_popinObject.style.background = optCollapsiblePanel.MenuInstance"url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
							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";
_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)";
 
							_collapsiblePanelObject.style.overflowpopinObjectModal = document.createElement("hiddendiv");
							_collapsiblePanelObject.style.margin = "0pxpopinObjectModal.id = this.ID + "_MostExternalDiv";
							_collapsiblePanelObjectpopinObjectModal.style.paddingdisplay = "0pxblock";
							_collapsiblePanelObjectpopinObjectModal.style.backgroundposition = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
 
"absolute";
							_popinObjectModal.style.zIndex = "5";
							_collapsiblePanelObjectHeadpopinObjectModal.style.width = document.createElement("div100%");
							_collapsiblePanelObjectHeadpopinObjectModal.style.idheight = _collapsiblePanelObject.id + "_Head"100%";
							_collapsiblePanelObjectHeadpopinObjectModal.style.backgroundtop = "#6060600px";
							_collapsiblePanelObjectHeadpopinObjectModal.style.heightleft = "45px0px";
							_collapsiblePanelObjectHeadpopinObjectModal.style.paddingLeftbackground = "10pxrgba(0, 0, 0, 0.4)";

							_collapsiblePanelObjectHead.style.colorpopinObjectHead = document.createElement("#fffdiv");
							_collapsiblePanelObjectHeadpopinObjectHead.style.webkitBoxShadowid = "3px 3px 10px 3px _popinObject.id + "_Head";
							_popinObjectHead.style.width = "100%";
							_popinObjectHead.style.height = "35px";
							_popinObjectHead.style.background = "#606060";
							_popinObjectHead.style.paddingTop = "5px";
							_popinObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _collapsiblePanelObjectHeadpopinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _collapsiblePanelObjectHeadpopinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 
							_popinObject.appendChild(_popinObjectHead);

							_collapsiblePanelObjectHeadTitlepopinObjectHeadTitle = document.createElement("span");
							_collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.id = _collapsiblePanelObjectHeadpopinObjectHead.id + "_Title";
							_collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.innerHTML = this.Title;
							_collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.style.widthfontFamily = "336pxSegoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
							_collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.style.textOverflowfontSize = "ellipsis14pt";
							_collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.style.fontSizecolor = "20pt#fff";
							_collapsiblePanelObjectHeadTitlepopinObjectHeadTitle.style.fontFamilypaddingLeft = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif10px";
 
							_collapsiblePanelObjectHeadpopinObjectHead.appendChild(_collapsiblePanelObjectHeadTitlepopinObjectHeadTitle);
 
							_collapsiblePanelObjectHeadMenupopinObjectHeadClose = document.createElement("div");
							_collapsiblePanelObjectHeadMenupopinObjectHeadClose.id = _collapsiblePanelObjectHeadpopinObjectHead.id + "_MenuClose";
							_collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.floatwidth = "right16px";
							_collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.marginRightheight = "10px16px";
							_collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.marginTopfloat = "8pxright";
							_collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.widthmarginTop = "26px5px";
							_collapsiblePanelObjectHeadMenupopinObjectHeadClose.style.heightmarginRight = "26px10px";
 
							_collapsiblePanelObjectHeadMenu.style.border = "1px solid #606060";
 
SetControlEvents(_popinObjectHeadClose, "CLICK", function(){
								var _collapsiblePanelObjectHeadMenuImgnameInstance = documentthis.id.createElementreplace("img_MostExternalDiv_Head_Close","");
								var _collapsiblePanelObjectHeadMenuImg.idinstance = _collapsiblePanelObjectHeadMenu.id + "_Img";
window.Popins[_nameInstance];
 
								_collapsiblePanelObjectHeadMenuImg.src = "http://tdn.totvs.com/download/attachments/243011209/menu.png?version=1&modificationDate=1487769415219&api=v2"instance.Close();
							_collapsiblePanelObjectHeadMenuImg.style.width = "16px";});
 
							_collapsiblePanelObjectHeadMenuImg.style.height = "16px";
SetControlEvents(_popinObjectHeadClose, "MOVER", function(){
								_collapsiblePanelObjectHeadMenuImgthis.style.marginLeftcursor = "5pxpointer";
							_collapsiblePanelObjectHeadMenuImg.style.marginTop = "5px"});
 
							_collapsiblePanelObjectHeadMenu.appendChild(_collapsiblePanelObjectHeadMenuImg);
 
SetControlEvents(_popinObjectHeadClose, "MOUT", function(){
								_collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadMenu);
 this.style.cursor = "default";
							_collapsiblePanelObject.appendChild(_collapsiblePanelObjectHead});
 
							_popinObjectHeadCloseImg = document.getElementById(this.Wrapper).appendChild(_collapsiblePanelObjectcreateElement("img");
 
							var _objectspopinObjectHeadCloseImg.id = [];
 _popinObjectHeadClose.id + "_Img";
							var optMenuItem1 = {_popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img";
								ID: "MenuItem1",_popinObjectHeadCloseImg.src = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2";
								Action: function(){_popinObjectHeadCloseImg.style.width = "16px";
									var optPopin1_popinObjectHeadCloseImg.style.height = {
"16px";							
 
				ID: "Popin1",
				_popinObjectHead.appendChild(_popinObjectHeadClose);
 
							Title: "Procurar",_popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg);

											InnerHTML: "teste",_popinObjectBody = document.createElement("div");
											Align: "CENTER",_popinObjectBody.id = _popinObject.id + "_Body";
											Modal: true_popinObjectBody.style.backgroundColor = "#fff";
									}
 _popinObjectBody.innerHTML = this.InnerHTML;
									createPopin(optPopin1)_popinObjectBody.style.margin= "10px";
									var _nameParent_popinObjectBody.style.height = this.getAttribute("Parent240px");
									var _nameInstance = _nameParent.replace("_MostExternalDiv","");
									var _instance = window.Menus[_nameInstance];
 
									_instance.Hide();
									_instance.Parent.UndoHighlightMenu();
								},
								Description: "Procurar"    _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)";
 
							}_popinObject.appendChild(_popinObjectBody);
 
							var _object1 = createMenuItem(optMenuItem1document.body.appendChild(_popinObject);
 
							_objects.pushdocument.body.appendChild(_object1popinObjectModal);
  
							varthis.Object optMenuItem2 = {_popinObject;
								ID: "MenuItem2",this.ModalObject = _popinObjectModal;
 
								Action: function(){if(window["Popins"] == undefined)
									var optPopin2 = {
window["Popins"] = [];												ID: "Popin2",
											Title: "Ordenar",
												InnerHTML: "teste",
							window.Popins[this.ID] = this;
							Align: "CENTER",window.Popins[window.Popins.length] = this;
							window["CurrentPopin"] = this.ID; 

				Modal: true
			return this;
						}
  
									createPopin(optPopin2);this.Close = function(){
									var _nameParent = this.getAttribute("Parent"document.body.removeChild(this.Object);
									var _nameInstance = _nameParent.replace("_MostExternalDiv",""document.body.removeChild(this.ModalObject);
									var _instance = window.Menus[_nameInstance]};
  
									_instance.Hide(return this.LoadComponents(optPopin);
					}
 				_instance.Parent.UndoHighlightMenu();	
					return new oPopin(optPopin);
				},
 
								Description: "Ordenar"createMenu = function(optMenu){
							}var oMenu = function(optMenu){
							var _object2 = createMenuItem(optMenuItem2);
 
							_objects.push(_object2);
 
		this.ID = "menu1";
                        			this.Objects = {};
									varthis.Wrapper optMenuItem3 = {"";
									ID:this.Status = "MenuItem3HIDDEN",;
									Action: function(){this.Object = "";
									var optPopin3this.TopBorderObject = {"";
											ID:this.Parent = "Popin3",;
 
											Title: "Trocar Visualização",
this.LoadComponents = function(optMenu){
 											InnerHTML: "teste",var _menuObject = null;
											Align: "CENTER",var _menuObjectContainer = null;
 
											Modal: truethis.ID = optMenu.ID;
									}
 	this.Objects = optMenu.Objects;
									createPopin(optPopin3);	this.Wrapper = optMenu.Wrapper;
 
									var 	_nameParentmenuObjectTopBorder = thisdocument.getAttributecreateElement("Parentdiv");
										var _nameInstancemenuObjectTopBorder.id = _nameParent.replace("_MostExternalDiv","")this.ID + "_TopBorder";
									var _instance	_menuObjectTopBorder.style.display = window.Menus[_nameInstance];
 
"none";
										_instance.Hide()menuObjectTopBorder.style.position = "absolute";
										_instancemenuObjectTopBorder.Parent.UndoHighlightMenu()style.backgroundColor = "#909090";
								},		_menuObjectTopBorder.style.width = "26px";
								Description: "Trocar Visualização"		_menuObjectTopBorder.style.height = "1px";
							}
							var _object3_menuObjectTopBorder.style.zIndex = createMenuItem(optMenuItem3)"2";
 
										_objects.push(_object3menuObject = document.createElement("div");
								var optMenu1 = {
		_menuObject.id = this.ID + "_MostExternalDiv";
										ID: "Menu1",_menuObject.style.display = "none";
								Objects: _objects,
		_menuObject.style.position = "absolute";
										Wrapper: _collapsiblePanelObjectHeadMenu.id
_menuObject.style.width = "170px";
								}		
 _menuObject.style.backgroundColor= "#909090";
 
						
							this.MenuInstance_menuObjectContainer = createMenu(optMenu1document.createElement("div");
										this.MenuInstance.Parent = this;

_menuObjectContainer.id = _menuObject.id + "_Container";
										if(window["CollapsiblePanels"]_menuObjectContainer.style.width == undefined) "150px";
								window["CollapsiblePanels"]		_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);
							window.CollapsiblePanels[this.ID] = this;
				}
 
			window.CollapsiblePanels[window.CollapsiblePanels.length] = this;
							window["CurrentCollapsiblePanel"] = this.ID; 
_menuObject.appendChild(_menuObjectContainer);
 
										SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOVER", function(){document.getElementById("main").appendChild(_menuObject);
								var __img = this;
		document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
 
										var _nameInstance = this.id.replaceUpdatePosition("_MostExternalDiv_Head_Menu"_menuObject, ""_menuObjectTopBorder);
 								var _menu1		
										this.TopBorderObject  = _menuObjectTopBorder;
										this.Object = window.CollapsiblePanels[_nameInstance].MenuInstance;_menuObject;				
		
		
								if(_menu1.Statuswindow["Menus"] == "HIDDEN"){
                        			__img.style.backgroundColor = "#909090";
undefined)
												__img.style.cursor= "pointer";
window["Menus"] = [];												}
							});
								SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){
								var __img = this;

										var _nameInstancewindow.Menus[this.ID] = this.id.replace("_MostExternalDiv_Head_Menu", "")
;
									var _menu1 = 	window.CollapsiblePanels[_nameInstance].MenuInstance;
 
Menus[window.Menus.length] = this;
										if(_menu1.Status == "HIDDEN"){
                        			__img.style.backgroundColor = "#606060";
window["CurrentMenu"] = this.ID; 
 
										__img.style.cursor= "default"return this;
									}
 
							});
							SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK",this.UpdatePosition = function(_menuObject, _topBorderObject){
										var _nameInstanceif(_menuObject){
											_menuObject.style.left = (document.getElementById(this.id.replace("_MostExternalDiv_Head_Menu", "")
Wrapper).offsetLeft - 142) + "px";
										var _menu1	_menuObject.style.top = window.CollapsiblePanels[_nameInstance].MenuInstance(document.getElementById(this.Wrapper).offsetTop + 26) + "px";
								_menu1.Show();
 
		}
 
										var _object = _menu1.Object;
 
if(_topBorderObject){
											_objecttopBorderObject.style.bordertop = "1px solid #f6c342(document.getElementById(this.Wrapper).offsetTop + 26) + "px";
									_object.style.width = "168px";
 
	}
									var __img = this;
}
 
									if(_menu1.Statusthis.Show == "OPENED"function(){										
									__img.style.backgroundColor 	if(this.Status == "#909090HIDDEN";){
									__img.style.cursor		this.Status = "pointerOPENED";
											__imgthis.Object.style.borderdisplay = "1px solid #f6c342block";
											__imgthis.TopBorderObject.style.borderBottomdisplay = "1px solid #909090block";
										}
										else{
									__img.style.border = "1px solid #606060"		this.Hide();
								}
							});
 
							window		this.onresizeHide = function(){
								var _menu1 = window.Menus[window.CurrentMenu];
								if(_menu1this.Status == "OPENED"){
											_menu1.Hide()this.Status = "HIDDEN";
									_menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject);		this.Object.style.display = "none";
			
									_menu1.Parent.UndoHighlightMenu();this.TopBorderObject.style.display = "none"
						
				}
				}
							};
 
									return this.LoadComponents(optMenu);
						}
 					
						this.UndoHighlightMenureturn =new functionoMenu(optMenu){;
				}
 
				createMenuItem = function(optMenuItem){
								document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060";
var oMenuItem = function(optMenuItem){
									document.getElementById(this.ID += "_MostExternalDiv_Head_Menu").style.backgroundColormenuItem1";
                       				this.Action = "#606060";
							}
 
						return this.LoadComponents(optCollapsiblePanel)this.Description = "";
					}
					return new oCollapsiblePanel(optCollapsiblePanel);
this.Parent = "";

				}
 
					createPopinthis.LoadComponents = function(optPopinoptMenuItem){
 											var oPopin_menuItemObject = function(optPopin){
null;
											this.IDvar _menuItemObjectDescription = "popin1"null;
 
						this.Title = "";
						this.InnerHTMLID = ""optMenuItem.ID;
						this.Align = "";
						this.ModalAction = falseoptMenuItem.Action;
						this.Object = "";
						this.ModalObjectDescription = "";optMenuItem.Description;
 
						this.Parent					_menuItemObject = document.createElement("div");
 
						this.LoadComponents = function(optPopin){
							var _popinObjectmenuItemObject.id = nullthis.ID + "_MostExternalDiv";
							var _popinObjectHead = null;
							var _popinObjectHeadTitle_menuItemObject.style.padding = null"5px";
 
							var _popinObjectHeadClose = null;
							var _popinObjectHeadCloseImg = null;SetControlEvents(_menuItemObject, "MOVER", function(){
							var _popinObjectBody = null;
							var _popinObjectModal = null;
 		this.style.backgroundColor = "#f6c342";
					
							this.IDstyle.cursor = optPopin.ID;
"pointer"; 
								this.Title = optPopin.Title;
				document.getElementById(this.id + "_Description").style.color = "#000";									this.InnerHTML = optPopin.InnerHTML;
			
				this.Align = optPopin.Align;
							this.Modal = optPopin.Modal});
 
									_popinObject = document.createElement("div");
		SetControlEvents(_menuItemObject, "MOUT", function(){
												_popinObject.idthis.style.backgroundColor = this.ID + "_MostExternalDiv"#909090";
									_popinObject			this.style.displaycursor = "blockdefault"; 
										_popinObject.style.position = "absolute";
							_popinObject.style.zIndex		document.getElementById(this.id + "_Description").style.color = "6#fff";
											_popinObject.style.width = "400px";
});
 
										_popinObject.style.height =	SetControlEvents(_menuItemObject, "300px"CLICK", this.Action);
 
									_popinObject.style.top		_menuItemObjectDescription = document.createElement("50%span");
											_popinObject.style.left = "50%menuItemObjectDescription.id = _menuItemObject.id + "_Description";
											_popinObjectmenuItemObjectDescription.style.marginLeftinnerHTML = "-200px"this.Description;
											_popinObjectmenuItemObjectDescription.style.marginTopfontFamily = "-150pxSegoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
											_popinObjectmenuItemObjectDescription.style.backgroundColorfontSize = "#90909010pt";
							_popinObject.style.border= "1px solid #f6c342";
							_popinObjectmenuItemObjectDescription.style.backgroundcolor = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)#fff";
 
											_popinObject.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
menuItemObject.appendChild(_menuItemObjectDescription);
 
                                     _popinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
     return _menuItemObject;
									}
 
									return this.LoadComponents(optMenuItem);
						}
 
						return oMenuItem(optMenuItem);					
				}
 
				createContainer = function(optContainer){
                        _popinObject.style.boxShadow = "3pxvar 3pxoContainer 10px 3px rgba(100, 100, 100, 0.7)";
 
							_popinObjectModal = document.createElement("div");
							_popinObjectModal.id = this.ID + "_MostExternalDiv";
							_popinObjectModal.style.display = "block";
							_popinObjectModal.style.position = "absolute";
							_popinObjectModal.style.zIndex = "5";
							_popinObjectModal.style.width = "100%";
							_popinObjectModal.style.height = "100%";
							_popinObjectModal.style.top = "0px";
							_popinObjectModal.style.left = "0px";
							_popinObjectModal.style.background = "rgba(0, 0, 0, 0.4)";

							_popinObjectHead = document.createElement("div");
							_popinObjectHead.id = _popinObject.id + "_Head";
							_popinObjectHead.style.width = "100%";
							_popinObjectHead.style.height = "35px";
							_popinObjectHead.style.background = "#606060";
							_popinObjectHead.style.paddingTop = "5px";
							_popinObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
= function(optContainer){
                                       this.ID = "container1";
                                       this.Title = "";
                                       this.SubTitle = "";
                                       this.ImageUrl = "";
                                       this.Description = "";
                                       this.NavigateUrl = "";
                                       this.Wrapper = "";
									   this.Parent = "";
 
                                       this.LoadComponents = function(optContainer){
     _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)";
 
var _containerObject = null;
							_popinObject.appendChild(_popinObjectHead);

							_popinObjectHeadTitle    var _containerObjectTitle = document.createElement("span")null;
							_popinObjectHeadTitle.id					var _containerObjectSubTitle = _popinObjectHead.id + "_Title"null;
								_popinObjectHeadTitle.innerHTML				var _containerObjectImageBackground = this.Titlenull;
							_popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
					var _containerObjectImageBackgroundImg = null;
												_popinObjectHeadTitle.style.fontSizevar _containerObjectDescription = "14pt"null;
									_popinObjectHeadTitle.style.color = "#fff";
							_popinObjectHeadTitle.style.paddingLeftvar _containerObjectSep = "10px"null;
 
							_popinObjectHead.appendChild(_popinObjectHeadTitle);

							var _popinObjectHeadClosecontainerObjectMaisInfo = document.createElement("div")null;
							_popinObjectHeadClose.id = _popinObjectHead.id + "_Close";
							_popinObjectHeadClose.style.widthvar _containerObjectMaisInfoA = "16px";
							_popinObjectHeadClose.style.height = "16px";
							_popinObjectHeadClose.style.float = "right";
							_popinObjectHeadClose.style.marginTop = "5px";
							_popinObjectHeadClose.style.marginRight = "10px";
 
							SetControlEvents(_popinObjectHeadClose, "CLICK", function(){
								var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close","");
								var _instance = window.Popins[_nameInstance];
 
								_instance.Close()null;
                                                
                                                this.ID = optContainer.ID
                                                this.Title = optContainer.Title;
							});
 
							SetControlEvents(_popinObjectHeadClose, "MOVER", function(){
								this.style.cursor = "pointer";
							});
 
							SetControlEvents(_popinObjectHeadClose, "MOUT", function(){
								this.style.cursor = "default";
							});
							_popinObjectHeadCloseImg = document.createElement("img");
							_popinObjectHeadCloseImg.id = _popinObjectHeadClose.id + "_Img";
							_popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img";
							_popinObjectHeadCloseImg.src = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2";
							_popinObjectHeadCloseImg.style.width = "16px";
							_popinObjectHeadCloseImg.style.height = "16px";							
 
							_popinObjectHead.appendChild(_popinObjectHeadClose);
 
							_popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg);

							_popinObjectBodythis.SubTitle = optContainer.SubTitle;
                                       			this.ImageUrl = optContainer.ImageUrl;
                                       			this.Description = optContainer.Description;
                                       			this.NavigateUrl = optContainer.NavigateUrl;
                                                this.Wrapper = optContainer.Wrapper;
                                                
                                                _containerObject = document.createElement("div");
							_popinObjectBody.id = _popinObject.id + "_Body";
							_popinObjectBody.style.backgroundColor = "#fff";
							_popinObjectBody.innerHTML = this.InnerHTML;
							_popinObjectBody.style.margin= "10px";
							_popinObjectBody.style.height = "240px";
						    _popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                          _containerObject.id = _popinObjectBodythis.ID + "_MostExternalDiv";
                                                _containerObject.style.mozBoxShadowwidth = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
"250px";
                                                _popinObjectBodycontainerObject.style.boxShadowheight = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
 
							_popinObject.appendChild(_popinObjectBody);
 
							document.body.appendChild(_popinObject);
							document.body.appendChild(_popinObjectModal);
 
							this.Object = _popinObject;
							this.ModalObject = _popinObjectModal;
 
							if(window["Popins"] == undefined)
								window["Popins"] = [];												
																							
							window.Popins[this.ID] = this;
							window.Popins[window.Popins.length] = this;
							window["CurrentPopin"] = this.ID; 

							return this;
						}
 
						this.Close = function(){
							document.body.removeChild(this.Object);
							document.body.removeChild(this.ModalObject);
						};
 
						return this.LoadComponents(optPopin);
					}
 					
					return new oPopin(optPopin);
				}
 
				createMenu = function(optMenu){
						var oMenu = function(optMenu){
									this.ID = "menu1";
auto";
                                                _containerObject.style.background = "#fff";
                                                _containerObject.style.border = "1px solid #c0c0c0";
                                                _containerObject.style.padding = "10px";
                                       			this.Objects = {};
									this.Wrapper = "";
									this.Status        _containerObject.style.margin = "HIDDEN10px";
									this.Object = "";
									this.TopBorderObject_containerObject.style.float = "left";
									this.Parent = "";
 
									this.LoadComponents = function(optMenu){
 										var _menuObject = null;
										var _menuObjectContainer = null;
 
										this.ID = optMenu.ID;
										this.Objects = optMenu.Objects;
										this.Wrapper = optMenu.Wrapper;
 
										_menuObjectTopBorder = document.createElement("div");
										_menuObjectTopBorder.id = this.ID + "_TopBorder";
										_menuObjectTopBorder.style.display = "none";
										_menuObjectTopBorder.style.position = "absolute";
										_menuObjectTopBorder.style.backgroundColor = "#909090";
										_menuObjectTopBorder.style.width = "26px";
										_menuObjectTopBorder.style.height = "1px";
										_menuObjectTopBorder.style.zIndex = "2";
										_menuObject = document.createElement("div");
										_menuObject.id = this.ID + "_MostExternalDiv";
										_menuObject.style.display = "none";
										_menuObject.style.position = "absolute";
										_menuObject.style.width = "170px";
										_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 = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
										}
 
										if(_topBorderObject){
											_topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
										}
									}
 
									this.Show = function(){										
										if(this.Status == "HIDDEN"){
											this.Status = "OPENED";
											this.Object.style.display = "block";
											this.TopBorderObject.style.display = "block";
	                                       _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)";
                                                _containerObject.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                                                
                                                _containerObjectTitle = document.createElement("div");
                                                _containerObjectTitle.id = _containerObject .id + "_Title";
                                                _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
                                                _containerObjectTitle.style.fontSize = "16pt";
                                                _containerObjectTitle.style.width = "100%";
                                                _containerObjectTitle.style.height = "30px";
                                                _containerObjectTitle.style.textAlign = "center";
                                                _containerObjectTitle.innerHTML = this.Title;
                                                
									}
										else
											this.Hide();
									};
 
									this.Hide = function(){
										if(this.Status == "OPENED"){
											this.Status = "HIDDEN";
											this.Object.style.display = "none";
											this.TopBorderObject.style.display = "none"
										}
									};
 
									return this.LoadComponents(optMenu);
						}
					
						return new oMenu(optMenu);
				}
 
				createMenuItem = function(optMenuItem){
						var oMenuItem = function(optMenuItem){
									this.ID = "menuItem1";
_containerObject.appendChild(_containerObjectTitle);
 
                                                _containerObjectSubTitle = document.createElement("div");
                                                _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";
                                                				this.Action_containerObjectSubTitle.style.width = "100%";
									this.Description = "";
									this.Parent                                                _containerObjectSubTitle.style.height = "35px";

									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");
											_menuItemObject.id = this.ID + "_MostExternalDiv";
											_menuItemObject.style.padding = "5px";
 
                                                _containerObjectSubTitle.style.textAlign = "center";
                                                _containerObjectSubTitle.innerHTML = this.SubTitle;
                                                _containerObject.appendChild(_containerObjectSubTitle);
 
												SetControlEvents(_menuItemObject, "MOVER", function(){
												this.style.backgroundColor = "#f6c342";
												this.style.cursor = "pointer"; 
												document.getElementById(this._containerObjectImageBackground = document.createElement("div");
                                                _containerObjectImageBackground.id = _containerObject .id + "_Description").style.color = "#000";												
											});
 
											SetControlEvents(_menuItemObject, "MOUT", function(){ImageBackground";
                                                _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
												this_containerObjectImageBackground.style.backgroundColorbackgroundPosition = "#909090";
												this.style.cursor = "default"; 
												document.getElementById(this.id + "_Description").style.color = "#fff";
											});
 
											SetControlEvents(_menuItemObject, "CLICK", this.Action);
 
center bottom";
                                                _containerObjectImageBackground.style.width = "100%";
                                                _containerObjectImageBackground.style.height = "100px";
                                                _containerObjectImageBackground.style.position= "relative";
 
												_menuItemObjectDescriptioncontainerObjectImageBackgroundImg = document.createElement("spanimg");
												_menuItemObjectDescriptioncontainerObjectImageBackgroundImg.id = _menuItemObjectcontainerObjectImageBackground.id + "_Descriptionimg";
												_menuItemObjectDescriptioncontainerObjectImageBackgroundImg.innerHTMLname = this.Description_containerObjectImageBackground.id + "_img";
												_menuItemObjectDescriptioncontainerObjectImageBackgroundImg.style.fontFamilyposition = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serifabsolute";
												_menuItemObjectDescriptioncontainerObjectImageBackgroundImg.style.fontSizetop = "10pt15px";
												_menuItemObjectDescriptioncontainerObjectImageBackgroundImg.style.colorleft = "#fff"15px";
												_containerObjectImageBackgroundImg.src = this.ImageUrl;
 
												_containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg);
 
												_menuItemObjectcontainerObject.appendChild(_menuItemObjectDescriptioncontainerObjectImageBackground);
 
 
                                              return _menuItemObject;
									}
 
									return this.LoadComponents(optMenuItem);
						}
 
						return oMenuItem(optMenuItem);					
				}
 
				createContainer = function(optContainer){
 _containerObjectDescription = document.createElement("div");
                             var oContainer = function(optContainer){
                _containerObjectDescription.id = _containerObject .id + "_Description";
                  this.ID = "container1";
                            _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans,  this.TitleBitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
												_containerObjectDescription.style.fontSize = "12pt";
                                       this.SubTitle = "";
       _containerObjectDescription.style.width = "100%";
                              this.ImageUrl = "";
                _containerObjectDescription.style.height =  "135px";
                    this.Description = "";
                          _containerObjectDescription.style.textAlign = "justify";
           this.NavigateUrl = "";
                                      _containerObjectDescription.innerHTML = this.Wrapper = ""Description;
 
										   this.Parent		_containerObject.appendChild(_containerObjectDescription);
 
 												_containerObjectSep = document.createElement("div");
 
                                       this.LoadComponents = function(optContainer){
      _containerObjectSep.id = _containerObject .id + "_Sep";
                                     var _containerObject = null;
											    var _containerObjectTitle = null;
												var _containerObjectSubTitle _containerObjectSep.style.width = null"100%";
												var _containerObjectImageBackground_containerObjectSep.style.height = null;
												var _containerObjectImageBackgroundImg = null;
												var _containerObjectDescription = null"1px";
                                                _containerObjectSep.style.backgroundColor = "#c0c0c0";
												var _containerObjectSep.style.marginTop = null"15px";
 
												var _containerObjectMaisInfo = null;
_containerObject.appendChild(_containerObjectSep);
 
 												var _containerObjectMaisInfoAcontainerObjectMaisInfo = nulldocument.createElement("div");
                                                
_containerObjectMaisInfo.id = _containerObject .id + "_MaisInfo";
                                           this.ID = optContainer.ID
   _containerObjectMaisInfo.style.width = "100%";
												_containerObjectMaisInfo.style.height = "20px";
                                           this.Title     _containerObjectMaisInfo.style.textAlign = optContainer.Title"right";
												this.SubTitle_containerObjectMaisInfo.style.paddingTop = optContainer.SubTitle;
   "5px";
 
 												_containerObjectMaisInfoA = document.createElement("a");
                                    			this.ImageUrl = optContainer.ImageUrl;
          _containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A";
												_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A";
                     			this.Description = optContainer.Description;
                                       			this.NavigateUrl_containerObjectMaisInfoA.href = optContainerthis.NavigateUrl;
                                                this_containerObjectMaisInfoA.Wrappertext = optContainer.Wrapper;"Mais [...]";
 
												_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA);
 
												_containerObject.appendChild(_containerObjectMaisInfo);
 
                                                
                     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;
                           _containerObject = document.createElement("div");
           }
 
                                     _containerObject.id =return this.ID + "_MostExternalDiv"LoadComponents(optContainer);
                          }
 
                      _containerObject.style.width = "250px";
 return new oContainer(optContainer);
                }
 
				Load = function(){
  
					var optCollapsiblePanel1 = {
						ID: "CollapsiblePanel1",
						Collapsible: true,
						Title: "Últimos documentos criados",
						Wrapper: "myContent"
					}
 
					_collapsiblePanel1 = createCollapsiblePanel(optCollapsiblePanel1);			
 
					            _containerObject.style.height = "auto";
  var oContainer1Opt = {
						ID: "container1",
                        Title: "Expressão",
                 _containerObject.style.background = "#fff";
      SubTitle: "(Passo a Passo)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&api=v2",
              _containerObject.style.border = "1px solid #c0c0c0";
      Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.",
                        _containerObject.style.padding = "10px";NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _containerObject.style.margincontainer1 = "10px";
												_containerObject.style.float = "left";
createContainer(oContainer1Opt);           		
                
                var oContainer2Opt      _containerObject.style.position = "relative";= {
						ID: "container2",
                        Title: "Texto Rico",
                      _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";  SubTitle: "(Limitações Design)",
                                       ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2",
         _containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
      Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).",
                        _containerObject.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                       }
 
                var _container2 = createContainer(oContainer2Opt);     
 
 				var oContainer7Opt = {
						ID: "container7",
                  _containerObjectTitle = document.createElement("div");      Title: "Texto Rico",
                        SubTitle: "(Referências)",
                       _containerObjectTitle.id = _containerObject .id + "_Title"; ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2",
                        Description: "",
                       _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
 NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var    _containerObjectTitle.style.fontSize_container7 = "16pt"createContainer(oContainer7Opt);
 
                var oContainer3Opt = {
						ID: "container3",
                        Title: "Exportação PDF",
  _containerObjectTitle.style.width = "100%";
                    SubTitle: "(Conformidade e Versões)",
                         _containerObjectTitle.style.height = "30px";ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/pdf.png?version=1&modificationDate=1487769196130&api=v2",
                        Description: "O                       _containerObjectTitle.style.textAlign = "center";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: "",
                       _containerObjectTitle.innerHTML = this.Title; Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container3 = createContainer(oContainer3Opt);          
 
				var oContainer4Opt = {
								_containerObject.appendChild(_containerObjectTitle);
 ID: "container4",
                        Title: "Imagem",
                       _containerObjectSubTitle = document.createElement("div");
  SubTitle: "(Exportação Para HTML)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/image.png?version=1&modificationDate=1487769196476&api=v2",
                      _containerObjectSubTitle.id = _containerObjectDescription: "1.id1 + "_SubTitle";
                           - 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).",
                     _containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container4  _containerObjectSubTitle.style.fontSize = "14pt";= createContainer(oContainer4Opt);     
 
				var oContainer5Opt = {
						ID: "container5",
                        Title: "Controles",
                       _containerObjectSubTitle.style.width = "100%"; SubTitle: "(Prop. Arredondar Valor)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2",
                       _containerObjectSubTitle.style.height = "35px"; 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: "",
                       _containerObjectSubTitle.style.textAlign = "center"; Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
                var _container5 = createContainer(oContainer5Opt);     
 
			    var _containerObjectSubTitle.innerHTMLoContainer6Opt = this.SubTitle;
 {
						ID: "container6",
                        Title: "Controles",
                      _containerObject.appendChild(_containerObjectSubTitle);
 
												_containerObjectImageBackground = document.createElement("div");
                                                _containerObjectImageBackground.id = _containerObject .id + "_ImageBackground";  SubTitle: "(Sobreposição dos controles)",
                                                _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
												_containerObjectImageBackground.style.backgroundPosition = "center bottom";
                                                _containerObjectImageBackground.style.width = "100%";
                                                _containerObjectImageBackground.style.height = "100px";
                                                _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);
 
                                                _containerObjectDescription = document.createElement("div");
                                                _containerObjectDescription.id = _containerObject .id + "_Description";
                                                _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";
                                                _containerObjectDescription.style.width = "100%";
                                                _containerObjectDescription.style.height = "135px";
                                                _containerObjectDescription.style.textAlign = "justify";
                                                _containerObjectDescription.innerHTML = this.Description;
 
												_containerObject.appendChild(_containerObjectDescription);
 
 												_containerObjectSep = document.createElement("div");
                                                _containerObjectSep.id = _containerObject .id + "_Sep";
                                                _containerObjectSep.style.width = "100%";
												_containerObjectSep.style.height = "1px";
                                                _containerObjectSep.style.backgroundColor = "#c0c0c0";
												_containerObjectSep.style.marginTop = "15px";
 
												_containerObject.appendChild(_containerObjectSep);
 
 												_containerObjectMaisInfo = document.createElement("div");
                                                _containerObjectMaisInfo.id = _containerObject .id + "_MaisInfo";
                                                _containerObjectMaisInfo.style.width = "100%";
												_containerObjectMaisInfo.style.height = "20px";
                                                _containerObjectMaisInfo.style.textAlign = "right";
												_containerObjectMaisInfo.style.paddingTop = "5px";
 
 												_containerObjectMaisInfoA = document.createElement("a");
                                                _containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A";
												_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A";
                                                _containerObjectMaisInfoA.href = this.NavigateUrl;
                                                _containerObjectMaisInfoA.text = "Mais [...]";
 
												_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA);
 
												_containerObject.appendChild(_containerObjectMaisInfo);
 
                                                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;
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: "",
                      return this.LoadComponents(optContainer);
   Wrapper: "CollapsiblePanel1_MostExternalDiv"
                 }
 
      }
 
          var _container6 = createContainer(oContainer6Opt);	
				}
 
				SetControlEvents = function(_control, _event, _function){
					var __control = null;
					
					if(typeof(_control) == "object")
						__control  return new oContainer(optContainer= _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;
				}
				Load();
         </script>

 

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