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;
 				
				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[i].Title + "_" + i] = window.Containers[i];
								this.ProcurarStruct[window.Containers[i].SubTitle + "_" + i] = window.Containers[i];
								this.ProcurarStruct[window.Containers[i].Date + "_" + i] = window.Containers[i];
								this.ProcurarStruct[i] = window.Containers[i];							
							}
						}			
											
						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 _objectsTable = [];
 
							var optTableOptionItem1 = {
								ID: "TableOptionItem1",
								ActionDescription: function(){"Título"
					
		}
 
							if(document.getElementById(this.id + "_Input"))var _objectTable1 = createTableOptionItem(optTableOptionItem1);
 
										this.removeChild(document.getElementById(this.id + "_Input")_objectsTable.push(_objectTable1);
 
							var optTableOptionItem2 = {
								if(document.getElementById(this.id + "_Button"))ID: "TableOptionItem2",
										this.removeChild(document.getElementById(this.id + "_Button"));Action: function(){
									var _input = document.createElement("input"alert('ok');
								},
		_input.id = this.id + "_Input";
									Description: "Sub-título"
							}

						_input.style.float	var _objectTable2 = "right";createTableOptionItem(optTableOptionItem2);
 
									_input.style.height = "14px";_objectsTable.push(_objectTable2);
 
							var optTableOptionItem3 = {
									_input.style.width = "100px";
ID: "TableOptionItem3",
								Action: function(){
									var _button = document.createElement("div"alert('ok');
									_button.id = this.id + "_Button";},
									_button.style.float = "rightDescription: "Índice"
							}
 
				_button.innerHTML			var _objectTable3 = "Procurar";
	createTableOptionItem(optTableOptionItem3);
 
								_button.style.background = "#606060";objectsTable.push(_objectTable3);
 
									_button.style.colorvar optTableOptionItem4 = "#fff";{
									_button.style.padding = "0px 5px";
 
ID: "TableOptionItem4",
									this.appendChild(_button);Action: function(){
									this.appendChild(_inputalert('ok');
								},
								Description: "TítuloData Criação"
							}
 
							var _objectTable1objectTable4 = createTableOptionItem(optTableOptionItem1optTableOptionItem4);
 
							_objectsTable.push(_objectTable1objectTable4);
 
							var optTableOptionItem2optTableOption1 = {
								ID: "TableOptionItem2TableOption1",
								ActionObjects: function(){_objectsTable,
							}		alert('ok');
								},
 
								Description: "Sub-título"
							}

							var _objectTable2 = createTableOptionItem(optTableOptionItem2);
 
							_objectsTable.push(_objectTable2var _tableOption1 = new createTableOption(optTableOption1);
 
							var optTableOptionItem3optMenuItem1 = {
								ID: "TableOptionItem3MenuItem1",
								Action: function(){
									alert('ok');var optPopin1 = {
								}			ID: "Popin1",
											DescriptionTitle: "ÍndiceProcurar",
							}
 
							var _objectTable3 = createTableOptionItem(optTableOptionItem3);
 
Align: "CENTER",
							_objectsTable.push(_objectTable3);
 
				Modal: true,
			var optTableOptionItem4 = {
								IDObjectContent: "TableOptionItem4",
_tableOption1.Object
									Action: function(){}
 
									alertcreatePopin('ok'optPopin1);
								},	var _nameParent = this.getAttribute("Parent");
								Description: "Data Criação"	var _nameInstance = _nameParent.replace("_MostExternalDiv","");
							}

							var _objectTable4instance = createTableOptionItem(optTableOptionItem4)window.Menus[_nameInstance];
 
									_objectsTableinstance.pushHide(_objectTable4);
 
									var optTableOption1 = {_instance.Parent.UndoHighlightMenu();
								ID: "TableOption1"},
								ObjectsDescription: _objectsTable,"Procurar"
							}		
 
							var _tableOption1object1 = new createTableOptioncreateMenuItem(optTableOption1optMenuItem1);
  
							var optMenuItem1 = {_objects.push(_object1);
 
							var optMenuItem2 = {
								ID: "MenuItem1MenuItem2",
								Action: function(){
									var optPopin1optPopin2 = {
											ID: "Popin1Popin2",
											Title: "ProcurarOrdenar",
											AlignInnerHTML: "CENTERteste",
											ModalAlign: true"CENTER",
											ObjectContentModal: _tableOption1.Objecttrue
									}
 
									createPopin(optPopin1optPopin2);
									var _nameParent = this.getAttribute("Parent");
									var _nameInstance = _nameParent.replace("_MostExternalDiv","");
									var _instance = window.Menus[_nameInstance];
 
									_instance.Hide();
									_instance.Parent.UndoHighlightMenu();
								},
								Description: "ProcurarOrdenar"
							}
							var _object1object2 = createMenuItem(optMenuItem1optMenuItem2);
 
							_objects.push(_object1object2);
 
							var optMenuItem2optMenuItem3 = {
								ID: "MenuItem2MenuItem3",
									Action: function(){
									var optPopin2optPopin3 = {
											ID: "Popin2Popin3",
											Title: "OrdenarTrocar Visualização",
											InnerHTML: "teste",
											Align: "CENTER",
											Modal: true
									}
 
									createPopin(optPopin2optPopin3);
									var _nameParent = this.getAttribute("Parent");
									var _nameInstance = _nameParent.replace("_MostExternalDiv","");
									var _instance = window.Menus[_nameInstance];
 
									_instance.Hide();
									_instance.Parent.UndoHighlightMenu();
								},
								Description: "OrdenarTrocar Visualização"
							}
							var _object2object3 = createMenuItem(optMenuItem2optMenuItem3);
 
							_objects.push(_object2object3);
 
							var optMenuItem3optMenu1 = {
								ID: "MenuItem3Menu1",
									ActionObjects: function(){_objects,
									var optPopin3 = {Wrapper: _collapsiblePanelObjectHeadMenu.id
							}		
 		ID: "Popin3",
				
							Title: "Trocar Visualização",this.MenuInstance = createMenu(optMenu1);
							this.MenuInstance.Parent = this;

				InnerHTML: "teste",			if(window["CollapsiblePanels"] == undefined)
								window["CollapsiblePanels"] = [];				Align: "CENTER",
								
			Modal: true
									}
 
									createPopin(optPopin3);
		
							var _nameParent window.CollapsiblePanels[this.ID] = this.getAttribute("Parent");
									var _nameInstance = _nameParent.replace("_MostExternalDiv","")window.CollapsiblePanels[window.CollapsiblePanels.length] = this;
									var _instance window["CurrentCollapsiblePanel"] = window.Menus[_nameInstance];
 
this.ID; 
									SetControlEvents(_instance.HidecollapsiblePanelObjectHeadMenu.id, "MOVER", function();{
									_instance.Parent.UndoHighlightMenu()var __img = this;
								},var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
								Description: "Trocar Visualização"var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
				
			}
							var _object3if(_menu1.Status = createMenuItem(optMenuItem3);
 
							_objects.push(_object3)= "HIDDEN"){
                        			__img.style.backgroundColor = "#909090";
							var optMenu1 = {		__img.style.cursor= "pointer";
								ID: "Menu1",}
								Objects: _objects,});
								Wrapper: SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){
							}		
 	var __img = this;
						
							this.MenuInstancevar _nameInstance = createMenu(optMenu1);this.id.replace("_MostExternalDiv_Head_Menu", "")
							this.MenuInstance.Parent	var _menu1 = thiswindow.CollapsiblePanels[_nameInstance].MenuInstance;
 
								if(window["CollapsiblePanels"]_menu1.Status == undefined"HIDDEN"){
                        			__img.style.backgroundColor = "#606060";
					window["CollapsiblePanels"] = [];												
																							
							window.CollapsiblePanels[this.ID] = this				__img.style.cursor= "default";
							window.CollapsiblePanels[window.CollapsiblePanels.length] = this;	}
							window["CurrentCollapsiblePanel"] = this.ID; });
							SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOVERCLICK", function(){
								var __img = this;
								var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
								var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
								_menu1.Show();
 
								if(_menu1.Statusvar _object == "HIDDEN"){
                         _menu1.Object;
 
								__imgobject.style.backgroundColorborder = "#9090901px solid #f6c342";
									__imgobject.style.cursorwidth = "pointer168px";
 
								}
var __img = this;
								});if(_menu1.Status == "OPENED"){
							SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){		__img.style.backgroundColor = "#909090";
								var 	__img .style.cursor= this"pointer";
									var _nameInstance__img.style.border = this.id.replace("_MostExternalDiv_Head_Menu", "")
"1px solid #f6c342";
									var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
 __img.style.borderBottom = "1px solid #909090"
								if(_menu1.Status == "HIDDEN"){
                        			__img.style.backgroundColor = "#606060";}
								else{
									__img.style.cursorborder = "default1px solid #606060";
								}
							});
 
							SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK",window.onresize = function(){
								var _nameInstancemenu1 = thiswindow.id.replace("_MostExternalDiv_Head_Menu", "")Menus[window.CurrentMenu];
								if(_menu1){
								var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance	_menu1.Hide();
									_menu1.Show(UpdatePosition(_menu1.Object, _menu1.TopBorderObject);			
 
									var _object = _menu1.Object;
 
Parent.UndoHighlightMenu();						
								_object.style.border = "1px solid #f6c342";}
								_object.style.width = "168px";
 }
 
								var __img = return this;
						}
 
			if(_menu1.Status			this.UndoHighlightMenu == "OPENED"function(){
									__img.style.backgroundColor = "#909090";
									__img.style.cursor= "pointer";
									__imgdocument.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #f6c342#606060";
									__imgdocument.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.borderBottombackgroundColor = "1px solid #909090#606060";
								}
 
								else{
return this.LoadComponents(optCollapsiblePanel);
					}
					__img.style.border = "1px solid #606060";
				return new oCollapsiblePanel(optCollapsiblePanel);
				}
 
							});
 
createPopin = function(optPopin){
							window.onresizevar oPopin = function(optPopin){
								var _menu1 = window.Menus[window.CurrentMenu]this.ID = "popin1";
						this.Title = "";
		if(_menu1){
									_menu1.Hide()this.InnerHTML = "";
									_menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject);			this.Align = "";
									_menu1.Parent.UndoHighlightMenu();						this.Modal = false;
								}this.Object = "";
							}
 
this.ModalObject = "";
							return thisthis.Parent = "";
						}this.ObjectContent = "";
 
						this.UndoHighlightMenuLoadComponents = function(optPopin){
								var _popinObject = null;
								document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060"var _popinObjectHead = null;
								document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.backgroundColorvar _popinObjectHeadTitle = "#606060"null;
						}
 
	var _popinObjectHeadClose = null;
							return this.LoadComponents(optCollapsiblePanel)var _popinObjectHeadCloseImg = null;
					}
					return new oCollapsiblePanel(optCollapsiblePanel);
	var _popinObjectBody = null;
			}
 
				createPopinvar _popinObjectModal = function(optPopin){
null;
 							var oPopin = function(optPopin){
							this.ID = "popin1"optPopin.ID;
							this.Title = ""optPopin.Title;
							this.InnerHTML = ""optPopin.InnerHTML;
							this.Align = ""optPopin.Align;
							this.Modal = falseoptPopin.Modal;
							this.ObjectObjectContent = ""optPopin.ObjectContent;
 
						this.ModalObject	_popinObject = document.createElement("div");
							_popinObject.id = this.ParentID =+ "_MostExternalDiv";
						this.ObjectContent	_popinObject.style.display = "block";
 
							this.LoadComponents_popinObject.style.position = function(optPopin){"absolute";
							var _popinObject.style.zIndex = null"6";
							var _popinObjectHead_popinObject.style.width = null"400px";
							var _popinObjectHeadTitle_popinObject.style.height = null"300px";
							var _popinObjectHeadClose_popinObject.style.top = null"50%";
							var _popinObjectHeadCloseImg_popinObject.style.left = null"50%";
							var _popinObjectBody_popinObject.style.marginLeft = null"-200px";
							var _popinObjectModal_popinObject.style.marginTop = null;
 "-150px";
							
							this.ID_popinObject.style.backgroundColor = optPopin.ID"#909090";
							this.Title = optPopin.Title;
							this.InnerHTML = optPopin.InnerHTML_popinObject.style.border= "1px solid #f6c342";
							this.Align_popinObject.style.background = optPopin.Align;
							this.Modal = optPopin.Modal;
							this.ObjectContent = optPopin.ObjectContent;
 
"url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
							_popinObject.style.webkitBoxShadow = document.createElement("div");
							_popinObject.id = this.ID + "_MostExternalDiv";
							"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.displayboxShadow = "block3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 
							_popinObject.style.position popinObjectModal = document.createElement("absolutediv");
							_popinObject.style.zIndex = "6popinObjectModal.id = this.ID + "_MostExternalDiv";
							_popinObjectpopinObjectModal.style.widthdisplay = "400pxblock";
							_popinObjectpopinObjectModal.style.heightposition = "300pxabsolute";
							_popinObjectpopinObjectModal.style.topzIndex = "50%5";
							_popinObjectpopinObjectModal.style.leftwidth = "50%100%";
							_popinObjectpopinObjectModal.style.marginLeftheight = "-200px100%";
							_popinObjectpopinObjectModal.style.marginToptop = "-150px0px";
							_popinObjectpopinObjectModal.style.backgroundColorleft = "#9090900px";
							_popinObjectpopinObjectModal.style.borderbackground = "1px solid #f6c342";rgba(0, 0, 0, 0.4)";

							_popinObject.style.backgroundpopinObjectHead = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"document.createElement("div");
							_popinObjectpopinObjectHead.style.webkitBoxShadow = "3px 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)";
                            _popinObjectpopinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
                            _popinObjectpopinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
 
							_popinObjectModal_popinObject.appendChild(_popinObjectHead);

							_popinObjectHeadTitle = document.createElement("divspan");
							_popinObjectModalpopinObjectHeadTitle.id = this_popinObjectHead.IDid + "_MostExternalDivTitle";
							_popinObjectModalpopinObjectHeadTitle.style.displayinnerHTML = "block"this.Title;
							_popinObjectModalpopinObjectHeadTitle.style.positionfontFamily = "absolute";
							_popinObjectModal.style.zIndex = "5";
							_popinObjectModal.style.width = "100%"Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
							_popinObjectModalpopinObjectHeadTitle.style.heightfontSize = "100%14pt";
							_popinObjectModalpopinObjectHeadTitle.style.topcolor = "0px#fff";
							_popinObjectModalpopinObjectHeadTitle.style.leftpaddingLeft = "0px10px";
 
							_popinObjectModal.style.background = "rgba(0, 0, 0, 0.4)"popinObjectHead.appendChild(_popinObjectHeadTitle);

							_popinObjectHeadpopinObjectHeadClose = document.createElement("div");
							_popinObjectHeadpopinObjectHeadClose.id = _popinObjectpopinObjectHead.id + "_HeadClose";
							_popinObjectHeadpopinObjectHeadClose.style.width = "100%16px";
							_popinObjectHeadpopinObjectHeadClose.style.height = "35px16px";
							_popinObjectHeadpopinObjectHeadClose.style.backgroundfloat = "#606060right";
							_popinObjectHeadpopinObjectHeadClose.style.paddingTopmarginTop = "5px";
							_popinObjectHeadpopinObjectHeadClose.style.webkitBoxShadowmarginRight = "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)"10px";
 
							SetControlEvents(_popinObjectHeadClose, "CLICK", function(){
								var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close","");
								var _instance = window.Popins[_nameInstance];
 
								_popinObjectinstance.appendChild(_popinObjectHeadClose();
							});
 
							SetControlEvents(_popinObjectHeadTitle = document.createElement("span");
popinObjectHeadClose, "MOVER", function(){
								_popinObjectHeadTitle.idthis.style.cursor = _popinObjectHead.id + "_Title"pointer";
							_popinObjectHeadTitle.innerHTML = this.Title;});
 
							_popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";SetControlEvents(_popinObjectHeadClose, "MOUT", function(){
							_popinObjectHeadTitle.style.fontSize = "14pt";
							_popinObjectHeadTitle	this.style.colorcursor = "#fffdefault";
							_popinObjectHeadTitle.style.paddingLeft = "10px";
 
							_popinObjectHead.appendChild(_popinObjectHeadTitle);
});
							_popinObjectHeadClosepopinObjectHeadCloseImg = document.createElement("divimg");
							_popinObjectHeadClosepopinObjectHeadCloseImg.id = _popinObjectHeadpopinObjectHeadClose.id + "_CloseImg";
							_popinObjectHeadClosepopinObjectHeadCloseImg.style.widthname = "16px";
							_popinObjectHeadClose.style.heightid =+ "16px_Img";
							_popinObjectHeadClosepopinObjectHeadCloseImg.style.floatsrc = "right";http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2";
							_popinObjectHeadClosepopinObjectHeadCloseImg.style.marginTopwidth = "5px16px";
							_popinObjectHeadClosepopinObjectHeadCloseImg.style.marginRightheight = "10px16px";							
 
							SetControlEvents_popinObjectHead.appendChild(_popinObjectHeadClose, "CLICK", function(){);
 
							_popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg);

								var _nameInstancepopinObjectBody = thisdocument.id.replacecreateElement("_MostExternalDiv_Head_Close",""div");
								var _instance_popinObjectBody.id = window.Popins[_nameInstance];
 
_popinObject.id + "_Body";
								_instance.Close();
popinObjectBody.style.backgroundColor = "#fff";							});
 
							SetControlEvents(_popinObjectHeadClose,_popinObjectBody.style.margin= "MOVER", function(){10px";
								this_popinObjectBody.style.cursorheight = "pointer240px";
							});
 
							SetControlEvents(_popinObjectHeadClose, "MOUT", function(){
								this    _popinObjectBody.style.cursorwebkitBoxShadow = "default";
							});
							_popinObjectHeadCloseImg = document.createElement("img");
							_popinObjectHeadCloseImg.id = _popinObjectHeadClose.id + "_Img";
							_popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img";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)";
 
							_popinObjectHeadCloseImg.src = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2"if(this.ObjectContent == undefined)
								_popinObjectBody.innerHTML = this.InnerHTML;
							_popinObjectHeadCloseImg.style.width = "16px";
else
 								_popinObjectHeadCloseImgpopinObjectBody.style.height = "16px";							
 appendChild(this.ObjectContent);
							_popinObjectHeadpopinObject.appendChild(_popinObjectHeadClosepopinObjectBody);
 
							_popinObjectHeadClosedocument.body.appendChild(_popinObjectHeadCloseImgpopinObject);

							_popinObjectBody = document.createElement("div"body.appendChild(_popinObjectModal);
 
							_popinObjectBodythis.idObject = _popinObject.id + "_Body";
							_popinObjectBody.style.backgroundColorthis.ModalObject = "#fff";_popinObjectModal;
 
							if(window["Popins"] == undefined)
							_popinObjectBody.style.margin= "10px";
	window["Popins"] = [];												
														_popinObjectBody.style.height									
							window.Popins[this.ID] = "240px"this;
						    _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)";
 
	window.Popins[window.Popins.length] = this;
							window["CurrentPopin"] = this.ID; 

							return this;
						}
 
						this.Close = function(){
							document.body.removeChild(this.Object);
							ifdocument.body.removeChild(this.ObjectContent == undefined)ModalObject);
						};
 
		_popinObjectBody.innerHTML = this.InnerHTML				return this.LoadComponents(optPopin);
					}
 		else
 			
					_popinObjectBody.appendChild(this.ObjectContentreturn new oPopin(optPopin);
				}
 
			_popinObject.appendChild(_popinObjectBody);
 	createMenu = function(optMenu){
							document.body.appendChild(_popinObject);
var oMenu = function(optMenu){
									document.body.appendChild(_popinObjectModal);
 
this.ID = "menu1";
                        			this.Objects = {};
									this.ObjectWrapper = _popinObject"";
									this.ModalObjectStatus = _popinObjectModal"HIDDEN";
 
								if(window["Popins"]	this.Object == undefined)"";
									window["Popins"]this.TopBorderObject = []"";
									this.Parent = "";
 
									this.LoadComponents = function(optMenu){
 										var _menuObject = null;
										var _menuObjectContainer = null;
 
			
							window.Popins[this.ID] = thisoptMenu.ID;
								window.Popins[window.Popins.length]		this.Objects = thisoptMenu.Objects;
							window["CurrentPopin"]			this.Wrapper = thisoptMenu.IDWrapper; 
 
								return this;
		_menuObjectTopBorder = document.createElement("div");
								}
 
		_menuObjectTopBorder.id = this.ID + "_TopBorder";
										this.Close_menuObjectTopBorder.style.display = function(){
"none";
										document_menuObjectTopBorder.body.removeChild(this.Object)style.position = "absolute";
							document.body.removeChild(this.ModalObject)			_menuObjectTopBorder.style.backgroundColor = "#909090";
						}				_menuObjectTopBorder.style.width = "26px";
 
						return this.LoadComponents(optPopin);
					}
 _menuObjectTopBorder.style.height = "1px";
					
					return new oPopin(optPopin)_menuObjectTopBorder.style.zIndex = "2";
				}
 
					createMenu	_menuObject = function(optMenu){document.createElement("div");
						var oMenu = function(optMenu){				_menuObject.id = this.ID + "_MostExternalDiv";
									this.ID	_menuObject.style.display = "menu1none";
                        			this.Objects = {};
									this.Wrapper_menuObject.style.position = "absolute";
									this.Status	_menuObject.style.width = "HIDDEN170px";
									this.Object 	_menuObject.style.backgroundColor= "#909090";
 
										this.TopBorderObject_menuObjectContainer = document.createElement("div");
										this_menuObjectContainer.Parentid = _menuObject.id + "_Container";
 
										this.LoadComponents_menuObjectContainer.style.width = function(optMenu){
 "150px";
										var _menuObject_menuObjectContainer.style.margin = null"10px";
 
										for(var _menuObjectContaineri = null;
 
0; i < this.Objects.length; i++){
											this.ID = optMenu.ID;
_menuObjectContainer.appendChild(this.Objects[i]);
											this.Objects = optMenu.Objects[i].setAttribute("Parent", _menuObject.id);
										this.Wrapper = optMenu.Wrapper;}
 
										_menuObjectTopBorder = document.createElement("div"menuObject.appendChild(_menuObjectContainer);
 
										_menuObjectTopBorder.id = this.ID + "_TopBorder"document.getElementById("main").appendChild(_menuObject);
										_menuObjectTopBorder.style.display = "none";
document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
 
										_menuObjectTopBorder.style.position = "absolute";
this.UpdatePosition(_menuObject, _menuObjectTopBorder);
 										_menuObjectTopBorder.style.backgroundColor = "#909090";
										_menuObjectTopBorder.style.widththis.TopBorderObject  = "26px"_menuObjectTopBorder;
										_menuObjectTopBorder.style.heightthis.Object = "1px";_menuObject;				
		
										_menuObjectTopBorder.style.zIndexif(window["Menus"] = "2";= undefined)
										_menuObject	window["Menus"] = document.createElement("div");
[];												_menuObject.id = this.ID + "_MostExternalDiv";
										_menuObject.style.display = "none";													
										_menuObject.style.positionwindow.Menus[this.ID] = "absolute"this;
										_menuObject.style.widthwindow.Menus[window.Menus.length] = "170px"this;
										_menuObject.style.backgroundColor= "#909090";
 window["CurrentMenu"] = this.ID; 
 
										_menuObjectContainer = document.createElement("div")return this;
									}
 
									_menuObjectContainerthis.idUpdatePosition = function(_menuObject.id, + "_Container";_topBorderObject){
										_menuObjectContainer.style.width = "150px";if(_menuObject){
											_menuObjectContainermenuObject.style.marginleft = "10px";
 
(document.getElementById(this.Wrapper).offsetLeft - 142) + "px";
											for(var i = 0; i < this.Objects.length; i++){
		_menuObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
										}
 
									_menuObjectContainer.appendChild(this.Objects[i]);	if(_topBorderObject){
											this.Objects[i].setAttribute("Parent", _menuObject.id)_topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
										}
 
										_menuObject.appendChild(_menuObjectContainer);}
 
										document.getElementById("main").appendChild(_menuObject);
this.Show = function(){										document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
 
										if(this.UpdatePosition(_menuObject, _menuObjectTopBorder);
 Status == "HIDDEN"){
										
										this.TopBorderObjectStatus  = _menuObjectTopBorder"OPENED";
											this.Object.style.display = _menuObject;				"block";
		
										if(window["Menus"]this.TopBorderObject.style.display == undefined) "block";
											window["Menus"] = [];}
													else
											this.Hide();
												};
 
										window.Menus[this.ID]Hide = this;function(){
										window.Menus[window.Menus.length] = thisif(this.Status == "OPENED"){
											this.Status = "HIDDEN";
										window["CurrentMenu"]	this.Object.style.display = this.ID; 
 "none";
											this.TopBorderObject.style.display = "none"
										return this;}
									};
 
									return this.UpdatePosition = function(_menuObject, _topBorderObject){LoadComponents(optMenu);
										if(_menuObject){}
					
						_menuObject.style.left = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px"return new oMenu(optMenu);
					}
 
						_menuObject.style.topcreateMenuItem = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";function(optMenuItem){
										}
 
										if(_topBorderObjectvar oMenuItem = function(optMenuItem){
											_topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "pxthis.ID = "menuItem1";
                       				this.Action = "";
										}this.Description = "";
									}
 this.Parent = "";

									this.ShowLoadComponents = function(optMenuItem){
 											var _menuItemObject = null;
										if(this.Status	var _menuItemObjectDescription == "HIDDEN"){ null;
 
											this.StatusID = "OPENED"optMenuItem.ID;
											this.Object.style.displayAction = "block"optMenuItem.Action;
											this.TopBorderObject.style.displayDescription = "block"optMenuItem.Description;
 
										}
										else	_menuItemObject = document.createElement("div");
											this.Hide()_menuItemObject.id = this.ID + "_MostExternalDiv";
									}		_menuItemObject.style.padding = "5px";
 
									this.Hide =		SetControlEvents(_menuItemObject, "MOVER", function(){
												if(this.Statusstyle.backgroundColor == "OPENED#f6c342"){;
												this.style.Statuscursor = "HIDDENpointer"; 
												document.getElementById(this.Objectid + "_Description").style.displaycolor = "none#000";
												this.TopBorderObject.style.display = "none"
										}
									}});
 
										return this.LoadComponents(optMenu);	SetControlEvents(_menuItemObject, "MOUT", function(){
						}
					
						return new oMenu(optMenu)	this.style.backgroundColor = "#909090";
				}
 
				createMenuItem = function(optMenuItem){
						var oMenuItem = function(optMenuItem){this.style.cursor = "default"; 
												document.getElementById(this.IDid =+ "menuItem1";
                       				this.Action_Description").style.color = "#fff";
									this.Description = "";
									this.Parent = "";
		});
 
									this.LoadComponents = function(optMenuItem){
 											var _menuItemObject = null;		SetControlEvents(_menuItemObject, "CLICK", this.Action);
 
											var _menuItemObjectDescription = null;
 document.createElement("span");
											this_menuItemObjectDescription.IDid = optMenuItem.ID_menuItemObject.id + "_Description";
											this_menuItemObjectDescription.ActioninnerHTML = optMenuItemthis.ActionDescription;
											this.Description = optMenuItem.Description;
 _menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
											_menuItemObjectmenuItemObjectDescription.style.fontSize = document.createElement("div10pt");
											_menuItemObjectmenuItemObjectDescription.style.idcolor = this.ID + "_MostExternalDiv#fff";
 
											_menuItemObject.style.padding = "5px";
 
appendChild(_menuItemObjectDescription);
 
                                            return _menuItemObject;
									}
 
					SetControlEvents(_menuItemObject, "MOVER", function(){
												this.style.backgroundColor = "#f6c342"return this.LoadComponents(optMenuItem);
						}
 
						this.style.cursor = "pointer"; 
												document.getElementById(this.id + "_Description").style.color = "#000";					return oMenuItem(optMenuItem);							
											});
 
											SetControlEvents(_menuItemObject, "MOUT",createContainer = function(optContainer){
												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")                          var oContainer = function(optContainer){
                                       this.ID = "container1";
                                       this.Title = "";
                                       this.SubTitle = "";
                                       this.ImageUrl = "";
                                       this.Description = "";
                                       this.NavigateUrl = "";
                                       this.Wrapper = "";
											_menuItemObjectDescription.id = _menuItemObject.id + "_Description   this.Parent = "";
											_menuItemObjectDescription.innerHTML   this.Date = this.Description;
											_menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif""";
 
                                       this.LoadComponents = function(optContainer){
                                                var _containerObject = null;
											_menuItemObjectDescription.style.fontSize    var _containerObjectTitle = "10pt"null;
											_menuItemObjectDescription.style.color	var _containerObjectSubTitle = "#fff"null;
 
												_menuItemObject.appendChild(_menuItemObjectDescription);
 
                                            return _menuItemObjectvar _containerObjectImageBackground = null;
												var _containerObjectImageBackgroundImg = null;
									}
 
			var _containerObjectDescription = null;
												return this.LoadComponents(optMenuItem)var _containerObjectSep = null;
						}
 
						return oMenuItem(optMenuItem);var _containerObjectMaisInfo = null;
					
				}
 
				createContainervar _containerObjectMaisInfoA = function(optContainer){null;
                          var oContainer = function(optContainer){
                   
                    this.ID = "container1";
                          this.ID = optContainer.ID
           this.Title = "";
                                   this.Title    = optContainer.Title;
												this.SubTitle = ""optContainer.SubTitle;
                                       			this.ImageUrl = ""optContainer.ImageUrl;
                                       			this.Description = ""optContainer.Description;
                                       			this.NavigateUrl = optContainer.NavigateUrl;
         this.NavigateUrl = "";
                                       this.Wrapper = ""optContainer.Wrapper;
									   this.Parent = "";
									   this.Date = ""optContainer.Date;
 
                                       this.LoadComponents = function(optContainer){
                          
                      var _containerObject = null;
											    var _containerObjectTitle = null;
												var _containerObjectSubTitle = null;
												var _containerObjectImageBackground = null;
												var _containerObjectImageBackgroundImg = null;
												var _containerObjectDescription = null;
												var _containerObjectSep = null;
												var _containerObjectMaisInfocontainerObject = null;
												var _containerObjectMaisInfoA = null;
document.createElement("div");
                                                _containerObject.id = this.ID + "_MostExternalDiv";
                                                this.ID_containerObject.style.width = optContainer.ID
"250px";
                                                _containerObject.style.height = "auto";
                          this.Title = optContainer.Title;
												this.SubTitle = optContainer.SubTitle;
                  _containerObject.style.background = "#fff";
                   			this.ImageUrl = optContainer.ImageUrl;
                           _containerObject.style.border = "1px solid #c0c0c0";
        			this.Description = optContainer.Description;
                                       			this.NavigateUrl_containerObject.style.padding = optContainer.NavigateUrl"10px";
                                                this.Wrapper_containerObject.style.margin = optContainer.Wrapper"10px";
												this.Date_containerObject.style.float = optContainer.Date"left";
                                                _containerObject.style.position = "relative";
                                                _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px  _containerObject = document.createElement("div")rgba(100, 100, 100, 0.4)";
                                                _containerObject.idstyle.mozBoxShadow = this.ID + "_MostExternalDiv""3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                                                _containerObject.style.widthboxShadow = "250px3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
                                                _containerObject.style.height = "auto";
                                                _containerObject.style.backgroundcontainerObjectTitle = document.createElement("#fffdiv");
                                                _containerObjectTitle.id = _containerObject .id + "_Title";
              _containerObject.style.border = "1px solid #c0c0c0";
                              _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana  _containerObject.style.padding = "10px"Ref, sans-serif";
                                                _containerObjectcontainerObjectTitle.style.marginfontSize = "10px";
												_containerObject.style.float = "left16pt";
                                                _containerObjectcontainerObjectTitle.style.positionwidth = "relative100%";
                                                _containerObjectcontainerObjectTitle.style.webkitBoxShadowheight = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)30px";
                                                _containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)containerObjectTitle.style.textAlign = "center";
                                                _containerObjectcontainerObjectTitle.style.boxShadowinnerHTML = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"this.Title;
                                                
												_containerObject.appendChild(_containerObjectTitle);
 
                                                _containerObjectTitlecontainerObjectSubTitle = document.createElement("div");
                                                _containerObjectTitlecontainerObjectSubTitle.id = _containerObject .id + "_TitleSubTitle";
                                                _containerObjectTitlecontainerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
                                                _containerObjectTitlecontainerObjectSubTitle.style.fontSize = "16pt14pt";
                                                _containerObjectTitlecontainerObjectSubTitle.style.width = "100%";
                                                _containerObjectTitlecontainerObjectSubTitle.style.height = "30px35px";
                                                _containerObjectTitlecontainerObjectSubTitle.style.textAlign = "center";
                                                _containerObjectTitle.innerHTML = this.Titlecenter";
                                                
												_containerObject.appendChild(_containerObjectTitle);
 
_containerObjectSubTitle.innerHTML = this.SubTitle;
                                                _containerObject.appendChild(_containerObjectSubTitle);
 
												_containerObjectImageBackground = document.createElement("div");
                                                _containerObjectSubTitlecontainerObjectImageBackground.id = _containerObject .id + "_SubTitleImageBackground";
                                                _containerObjectSubTitlecontainerObjectImageBackground.style.fontFamilybackground = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
												_containerObjectImageBackground.style.backgroundPosition = "center bottom";
                                                _containerObjectSubTitlecontainerObjectImageBackground.style.fontSizewidth = "14pt100%";
                                                _containerObjectSubTitlecontainerObjectImageBackground.style.widthheight = "100%100px";
                                                _containerObjectImageBackground.style.position= "relative";
 
												_containerObjectImageBackgroundImg = document.createElement("img");
												_containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.style.position        _containerObjectSubTitle= "absolute";
												_containerObjectImageBackgroundImg.style.heighttop = "35px";
                                                _containerObjectSubTitle.style.textAlign15px";
												_containerObjectImageBackgroundImg.style.left = "center";
                                                _containerObjectSubTitle.innerHTML15px";
												_containerObjectImageBackgroundImg.src = this.SubTitle;
                                                _containerObjectImageUrl;
 
												_containerObjectImageBackground.appendChild(_containerObjectSubTitlecontainerObjectImageBackgroundImg);
 
												_containerObjectImageBackground = document.createElement("div");containerObject.appendChild(_containerObjectImageBackground);
 
                                                _containerObjectImageBackground.idcontainerObjectDescription = _containerObject .id + "_ImageBackground";
                              document.createElement("div");
                  _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
												_containerObjectImageBackground.style.backgroundPosition = "center bottom";
                         _containerObjectDescription.id = _containerObject .id + "_Description";
                  _containerObjectImageBackground.style.width = "100%";
                            _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana    _containerObjectImageBackgroundRef, sans-serif";
												_containerObjectDescription.style.heightfontSize = "100px12pt";
                                                _containerObjectImageBackground.style.position= "relative";
 
												_containerObjectImageBackgroundImg = document.createElement("img");
												_containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img";
												_containerObjectImageBackgroundImg.style.position = "absolute";
												_containerObjectImageBackgroundImg    _containerObjectDescription.style.topwidth = "15px";
												_containerObjectImageBackgroundImg.style.left = "15px";
												_containerObjectImageBackgroundImg.src = this.ImageUrl;
 
												_containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg);
 
												_containerObject.appendChild(_containerObjectImageBackground);
 100%";
                                                _containerObjectDescription.style.height = "135px";
                                                _containerObjectDescription.style.textAlign = document.createElement("divjustify");
                                                _containerObjectDescription.idinnerHTML = this.Description;
 
												_containerObject .id + "_Description".appendChild(_containerObjectDescription);
 
 												_containerObjectSep = document.createElement("div");
                                                _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serifcontainerObjectSep.id = _containerObject .id + "_Sep";
                                                _containerObjectSep.style.width = "100%";
												_containerObjectDescriptioncontainerObjectSep.style.fontSizeheight = "12pt1px";
                                                _containerObjectDescription.style.width = "100%"containerObjectSep.style.backgroundColor = "#c0c0c0";
												_containerObjectSep.style.marginTop = "15px";
 
												_containerObject.appendChild(_containerObjectSep);
 
 												_containerObjectMaisInfo = document.createElement("div");
                                                _containerObjectDescription.style.height = "135pxcontainerObjectMaisInfo.id = _containerObject .id + "_MaisInfo";
                                                _containerObjectDescription.style.textAlign      _containerObjectMaisInfo.style.width = "100%";
												_containerObjectMaisInfo.style.height = "justify20px";
                                                _containerObjectDescriptioncontainerObjectMaisInfo.style.innerHTMLtextAlign = this.Description"right";
 
												_containerObject.appendChild(_containerObjectDescription)containerObjectMaisInfo.style.paddingTop = "5px";
 
 												_containerObjectSepcontainerObjectMaisInfoA = document.createElement("diva");
                                                _containerObjectSepcontainerObjectMaisInfoA.id = _containerObject _containerObjectMaisInfo.id + "_A";
												_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_SepA";
                                                _containerObjectSepcontainerObjectMaisInfoA.style.widthhref = "100%";
												_containerObjectSep.style.height = "1px"this.NavigateUrl;
                                                _containerObjectSep.style.backgroundColor = "#c0c0c0";
												_containerObjectSep.style.marginTop_containerObjectMaisInfoA.text = "15pxMais [...]";
 
												_containerObjectcontainerObjectMaisInfo.appendChild(_containerObjectSepcontainerObjectMaisInfoA);
 
 												_containerObjectMaisInfocontainerObjectDate = document.createElement("divspan");
                                                _containerObjectMaisInfocontainerObjectDate.id = _containerObject .id + "_MaisInfo";
                                                _containerObjectMaisInfocontainerObjectDate.style.width = "100%auto";
												_containerObjectMaisInfo.style.height = "20px";
                                                _containerObjectMaisInfocontainerObjectDate.style.textAlignfloat = "rightleft";
												_containerObjectMaisInfocontainerObjectDate.style.paddingTopinnerHTML = "5px"this.Date;
 
 												_containerObjectMaisInfoA = document.createElement("a");
                                                _containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A";containerObjectMaisInfo.appendChild(_containerObjectDate);
 
												_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A";
containerObject.appendChild(_containerObjectMaisInfo);
 
                                                _containerObjectMaisInfoA.href = this.NavigateUrl;
                                                _containerObjectMaisInfoA.text = "Mais [...]";
 document.getElementById(this.Wrapper).appendChild(_containerObject);
 
												if(window["Containers"] == undefined)
													window["Containers"] = [];												
																							
												window.Containers[this.ID] = this;
												window.Containers[window.Containers.length] = this;
												_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA)window["CurrentContainer"] = this.ID;
 
												_containerObjectDate = document.createElement("span")return this;
                                       }
 
            _containerObjectDate.id = _containerObject .id + "_MaisInfo"                          return this.LoadComponents(optContainer);
                          }
 
                         _containerObjectDate.style.width = "auto"return new oContainer(optContainer);
                }
 
				createTableOption = function(optTableOption){
						var oTableOption= function(optTableOption){
									this.ID = "tableOption1";
                          _containerObjectDate.style.float			this.Objects = "left";
{};									
									_containerObjectDatethis.innerHTMLObject = this.Date"";
 
									this.Parent = "";
			_containerObjectMaisInfo.appendChild(_containerObjectDate);
 						this.InnerHTML = "";
 
												_containerObject.appendChild(_containerObjectMaisInfo);
 
                                                document.getElementById(this.Wrapper).appendChild(_containerObject);
 
this.LoadComponents = function(optTableOption){
 												if(window["Containers"] == undefined)var _tableObject = null;
													window["Containers"]var _tableObjectContainer = []null;
 
												this.ID = optTableOption.ID;
												this.Objects = optTableOption.Objects;
 
											_tableObject = document.createElement("div");
												window.Containers[_tableObject.id = this.ID] = this+ "_MostExternalDiv";
												window.Containers[window.Containers.length]_tableObject.style.display = this"block";
												window["CurrentContainer"]_tableObject.style.position = this.ID;
 
		"absolute";
										return this;
                                       }
 
                                      return this.LoadComponents(optContainer);
                          }
 
                         return new oContainer(optContainer);
                }
 
				createTableOption = function(optTableOption){
						var oTableOption= function(optTableOption){
			_tableObject.style.width = "380px";
										_tableObject.style.backgroundColor= "#909090";
 
										_tableObjectContainer = document.createElement("div");
										_tableObjectContainer.id = _tableObject.id + "_Container";
										_tableObjectContainer.style.width = "100%";
 
										for(var i = 0; i < this.Objects.length; i++){
											_tableObjectContainer.appendChild(this.Objects[i]);
											this.Objects[i].setAttribute("Parent", _tableObject.id);
										}
 
										_tableObject.appendChild(_tableObjectContainer);
 
										var _divResult = document.createElement("div");
										_divResult.appendChild(_tableObject);
 
										this.IDInnerHTML = "tableOption1";
                        _divResult.innerHTML;
 
										this.ObjectsObject = {}_tableObject;				
		
			
									this.Object = "";if(window["TableOptions"] == undefined)
									this.Parent		window["TableOptions"] = ""[];
									this.InnerHTML = "";
 
			
						this.LoadComponents = function(optTableOption){
 											var _tableObject = null;
										var _tableObjectContainer = null;
 
										window.TableOptions[this.ID] = optTableOption.IDthis;
										this.Objectswindow.TableOptions[window.TableOptions.length] = optTableOption.Objectsthis;
 
										_tableObjectwindow["CurrentTableOption"] = document.createElement("div");
this.ID; 
 
										_tableObject.id =return this.ID + "_MostExternalDiv";
										_tableObject.style.display = "block";
}
 										_tableObject.style.position = "absolute";
										_tableObject.style.width = "380px"return this.LoadComponents(optTableOption);
										_tableObject.style.backgroundColor= "#909090";
 }
					
					_tableObjectContainer	return =new document.createElement("div");oTableOption(optTableOption);
				}
 
				createTableOptionItem = function(optTableOptionItem){
						_tableObjectContainer.idvar oTableOptionItem = _tableObject.id + "_Container";function(optTableOptionItem){
										_tableObjectContainer.style.widththis.ID = "100%optionTableItem1";
 
										for(var i = 0; i < this.Objects.length; i++){
											_tableObjectContainer.appendChild(this.Objects[i]);
		                       				this.Action = "";
									this.Objects[i].setAttribute("Parent", _tableObject.id)Description = "";
										}
 this.Parent = "";

										_tableObject.appendChild(_tableObjectContainer);
 
this.LoadComponents = function(optTableOptionItem){
 											var _divResultoptionTableItemObject = document.createElement("div")null;
										_divResult.appendChild(_tableObject);
 	var _optionTableItemObjectDescription = null;
 
											this.InnerHTMLID = _divResultoptTableOptionItem.innerHTMLID;
 
											this.ObjectAction = _tableObject;				optTableOptionItem.Action;
		
										if(window["TableOptions"] == undefined)this.Description = optTableOptionItem.Description;
 
											window["TableOptions"]_optionTableItemObject = [];document.createElement("div");
															_optionTableItemObject.id = this.ID + "_MostExternalDiv";
											_optionTableItemObject.style.padding = "5px";
												
_optionTableItemObject.style.border = "5px solid #fff";
											window.TableOptions[this.ID]_optionTableItemObject.style.borderBottom = this"none";
 
										window.TableOptions[window.TableOptions.length] = this;	SetControlEvents(_optionTableItemObject, "MOVER", function(){
										window["CurrentTableOption"]		this.style.backgroundColor = this.ID; 
 
"#f6c342";
												return this;this.style.cursor = "pointer"; 
									}
 						document.getElementById(this.id + "_Description").style.color = "#000";	
			 
									return this.LoadComponents(optTableOption);
						}
					
						return new oTableOption(optTableOption	var _input = document.createElement("input");
				}
 
				createTableOptionItem = function(optTableOptionItem){
						var oTableOptionItem = function(optTableOptionItem){
_input.id = this.id + "_Input";
										this.ID		_input.style.float = "optionTableItem1right";
                       												this.Action_input.style.height = "14px";
									this.Description			_input.style.width = "100px";
							
			this.Parent = "";

									this.LoadComponentsvar _button = function(optTableOptionItem){
 document.createElement("div");
												var _optionTableItemObjectbutton.id = nullthis.id + "_Button";
												var _optionTableItemObjectDescription_button.style.float = null;
 
"right"
												this_button.IDinnerHTML = optTableOptionItem.ID"Procurar";
												this.Action_button.style.background = optTableOptionItem.Action"#606060";
											this.Description	_button.style.color = optTableOptionItem.Description"#fff";
 
												_optionTableItemObjectbutton.style.padding = document.createElement("div");"0px 5px";
 
											_optionTableItemObject.id = 	this.ID + "_MostExternalDiv"appendChild(_button);
											_optionTableItemObject.style.padding = "5px";
		this.appendChild(_input);										_optionTableItemObject.style.border = "5px solid #fff";
											_optionTableItemObject.style.borderBottom = "none"});
 
											SetControlEvents(_optionTableItemObject, "MOVERMOUT", function(){
												this.style.backgroundColor = "#f6c342#909090";
												this.style.cursor = "pointerdefault"; 
												document.getElementById(this.id + "_Description").style.color = "#000#fff";												
 
											});
 
											SetControlEvents(_optionTableItemObject, "MOUT", function(){	if(document.getElementById(this.id + "_Input"))
													this.style.backgroundColor = "#909090";
.removeChild(document.getElementById(this.id + "_Input"));
 
												if(document.getElementById(this.style.cursorid =+ "default"; _Button"))
													this.removeChild(document.getElementById(this.id + "_DescriptionButton").style.color = "#fff";				);								
											});
 
											SetControlEvents(_optionTableItemObject, "CLICK", this.Action);
 
											_optionTableItemObjectDescription = document.createElement("span");
											_optionTableItemObjectDescription.id = _optionTableItemObject.id + "_Description";
											_optionTableItemObjectDescription.innerHTML = this.Description;
											_optionTableItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
											_optionTableItemObjectDescription.style.fontSize = "10pt";
											_optionTableItemObjectDescription.style.color = "#fff";
 
											_optionTableItemObject.appendChild(_optionTableItemObjectDescription);
 
                                            return _optionTableItemObject;
									}
 
									return this.LoadComponents(optTableOptionItem);
						}
 
						return oTableOptionItem(optTableOptionItem);					
				}
				Load = function(){
  
					var optCollapsiblePanel1 = {
						ID: "CollapsiblePanel1",
						Collapsible: true,
						Title: "Últimos documentos criados",
						Wrapper: "myContent"
					}
 
					_collapsiblePanel1 = createCollapsiblePanel(optCollapsiblePanel1);			
 
					    var oContainer1Opt = {
						ID: "container1",
                        Title: "Expressão",
                        SubTitle: "(Passo a Passo)",
                        ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&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.",
                        NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv",
						Date: '12/01/2017'
                 }
 
                var _container1 = createContainer(oContainer1Opt);           		
                
                var oContainer2Opt = {
						ID: "container2",
                        Title: "Texto Rico",
                        SubTitle: "(Limitações Design)",
                        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: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv",
						Date: '14/01/2017'
                 }
 
                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",
						Date: '16/01/2017'
                 }
 
                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",
						Date: '18/01/2017'
                 }
 
                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).",
                        NavigateUrl: "",
                        Wrapper: "CollapsiblePanel1_MostExternalDiv",
						Date: '20/01/2017'
                 }
 
                var _container4 = createContainer(oContainer4Opt);     
 
				var oContainer5Opt = {
						ID: "container5",
                        Title: "Controles",
                        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",
						Date: '22/01/2017'
                 }
 
                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",
						Date: '24/01/2017'
                 }
 
                var _container6 = createContainer(oContainer6Opt);	
 
				_collapsiblePanel1.BuildProcurarStructure();
				}
 
				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;
				}		
 
				Load();		
         </script>

...