增加docke部署

codes/agent/game-docker/api/document/data/document.js

@@ -0,0 +1,7 @@
+$axure.loadDocument(
+(function() {
+    var _ = function() { var r={},a=arguments; for(var i=0; i<a.length; i+=2) r[a[i]]=a[i+1]; return r; }
+    var _creator = function() { return _(b,_(c,d,e,f,g,d,h,d,i,d,j,k,l,d,m,f,n,f,o,f,p,f,q,[],r,f),s,_(t,[_(u,v,w,x,y,z,A,[_(u,B,w,x,y,C),_(u,D,w,x,y,E),_(u,F,w,x,y,G),_(u,H,w,x,y,I),_(u,J,w,x,y,K),_(u,L,w,x,y,M)])]),N,_(O,P),Q,_(R,S,T,_(U,V,W,V),X,Y),Z,[],ba,_(bb,_(bc,bd,be,bf,bg,bh,bi,bj,bk,bl,bm,f,bn,_(bo,bp,bq,br,bs,bt),bu,bv,bw,bh,bx,_(by,V,bz,V),T,_(U,V,W,V),bA,d,bB,f,bC,bd,bD,_(bo,bp,bq,bE),bF,_(bo,bp,bq,bG),bH,bI,bJ,bp,bs,bI,bK,bL,bM,bN,bO,bP,bQ,bP,bR,bP,bS,bP,bT,_(),bU,bL,bV,bL,bW,_(bX,f,bY,bZ,ca,bZ,cb,bZ,bq,_(cc,cd,ce,cd,cf,cd,cg,ch)),ci,_(bX,f,bY,V,ca,bZ,cb,bZ,bq,_(cc,cd,ce,cd,cf,cd,cg,ch)),cj,_(bX,f,bY,bt,ca,bt,cb,bZ,bq,_(cc,cd,ce,cd,cf,cd,cg,ck))),cl,_(cm,_(bc,cn,bk,co,be,cp,bH,bL,bD,_(bo,bp,bq,cq),bu,cr,bM,cs,bO,bL,bQ,bL,bR,bL,bS,bL),ct,_(bc,cu,bk,cv,be,cp,bH,bL,bD,_(bo,bp,bq,cq),bu,cr,bM,cs,bO,bL,bQ,bL,bR,bL,bS,bL),cw,_(bc,cx,bk,cy,be,cp,bH,bL,bD,_(bo,bp,bq,cq),bu,cr,bM,cs,bO,bL,bQ,bL,bR,bL,bS,bL),cz,_(bc,cA,bk,cB,be,cp,bH,bL,bD,_(bo,bp,bq,cq),bu,cr,bM,cs,bO,bL,bQ,bL,bR,bL,bS,bL),cC,_(bc,cD,be,cp,bH,bL,bD,_(bo,bp,bq,cq),bu,cr,bM,cs,bO,bL,bQ,bL,bR,bL,bS,bL),cE,_(bc,cF,bk,cG,be,cp,bH,bL,bD,_(bo,bp,bq,cq),bu,cr,bM,cs,bO,bL,bQ,bL,bR,bL,bS,bL),cH,_(bc,cI,bk,cB,bH,bL,bD,_(bo,bp,bq,cq),bu,cr,bM,cs,bO,bL,bQ,bL,bR,bL,bS,bL),cJ,_(bc,cK,bH,bL,bD,_(bo,bp,bq,cq),bu,cr,bM,cs,bO,bL,bQ,bL,bR,bL,bS,bL),cL,_(bc,cM,bH,cN,bD,_(bo,bp,bq,cq)),cO,_(bc,cP),cQ,_(bc,cR,bF,_(bo,bp,bq,cS),bH,bP),cT,_(bc,cU,bD,_(bo,cV,cW,[_(bq,bE),_(bq,cX),_(bq,cY),_(bq,bE)])))));}; 
+var b="configuration",c="showPageNotes",d=true,e="showPageNoteNames",f=false,g="showAnnotations",h="showAnnotationsSidebar",i="showConsole",j="linkStyle",k="displayMultipleTargetsOnly",l="linkFlowsToPages",m="linkFlowsToPagesNewWindow",n="hideAddress",o="preventScroll",p="useLabels",q="enabledViewIds",r="loadFeedbackPlugin",s="sitemap",t="rootNodes",u="pageName",v="Home",w="type",x="Wireframe",y="url",z="home.html",A="children",B="认证接口",C="认证接口.html",D="认证流程",E="认证流程.html",F="支付接口",G="支付接口.html",H="支付流程",I="支付流程.html",J="签名算法",K="签名算法.html",L="移动支付流程",M="移动支付流程.html",N="globalVariables",O="onloadvariable",P="",Q="defaultAdaptiveView",R="name",S="Base",T="size",U="width",V=0,W="height",X="condition",Y="<=",Z="adaptiveViews",ba="stylesheet",bb="defaultStyle",bc="id",bd="627587b6038d43cca051c114ac41ad32",be="fontWeight",bf="400",bg="fontStyle",bh="normal",bi="fontName",bj="'Arial Normal', 'Arial'",bk="fontSize",bl="13px",bm="underline",bn="foreGroundFill",bo="fillType",bp="solid",bq="color",br=0xFF333333,bs="opacity",bt=1,bu="horizontalAlignment",bv="center",bw="lineSpacing",bx="location",by="x",bz="y",bA="visible",bB="limbo",bC="baseStyle",bD="fill",bE=0xFFFFFFFF,bF="borderFill",bG=0xFF797979,bH="borderWidth",bI="1",bJ="linePattern",bK="cornerRadius",bL="0",bM="verticalAlignment",bN="middle",bO="paddingLeft",bP="2",bQ="paddingTop",bR="paddingRight",bS="paddingBottom",bT="stateStyles",bU="rotation",bV="textRotation",bW="outerShadow",bX="on",bY="offsetX",bZ=5,ca="offsetY",cb="blurRadius",cc="r",cd=0,ce="g",cf="b",cg="a",ch=0.349019607843137,ci="innerShadow",cj="textShadow",ck=0.647058823529412,cl="customStyles",cm="heading_1",cn="1111111151944dfba49f67fd55eb1f88",co="32px",cp="bold",cq=0xFFFFFF,cr="left",cs="top",ct="heading_2",cu="b3a15c9ddde04520be40f94c8168891e",cv="24px",cw="heading_3",cx="8c7a4c5ad69a4369a5f7788171ac0b32",cy="18px",cz="heading_4",cA="e995c891077945c89c0b5fe110d15a0b",cB="14px",cC="heading_5",cD="386b19ef4be143bd9b6c392ded969f89",cE="heading_6",cF="fc3b9a13b5574fa098ef0a1db9aac861",cG="10px",cH="label",cI="2285372321d148ec80932747449c36c9",cJ="paragraph",cK="4988d43d80b44008a4a415096f1632af",cL="arrow",cM="d148f2c5268542409e72dde43e40043e",cN="5",cO="table_cell",cP="33ea2511485c479dbf973af3302f2352",cQ="connector",cR="699a012e142a4bcba964d96e88b88bdf",cS=0xFF0099CC,cT="flow_shape",cU="caddf88798f04a469d3bb16589ed2a5d",cV="linearGradient",cW="colors",cX=0xFFF2F2F2,cY=0xFFE4E4E4;
+return _creator();
+})());

codes/agent/game-docker/api/document/data/styles.css

@@ -0,0 +1,59 @@
+.ax_default {
+  font-family:'Arial Normal', 'Arial';
+  font-weight:400;
+  font-style:normal;
+  font-size:13px;
+  color:#333333;
+  text-align:center;
+  line-height:normal;
+}
+.heading_1 {
+  font-family:'Arial Normal', 'Arial';
+  font-weight:bold;
+  font-size:32px;
+  text-align:left;
+}
+.heading_2 {
+  font-family:'Arial Normal', 'Arial';
+  font-weight:bold;
+  font-size:24px;
+  text-align:left;
+}
+.heading_3 {
+  font-family:'Arial Normal', 'Arial';
+  font-weight:bold;
+  font-size:18px;
+  text-align:left;
+}
+.heading_4 {
+  font-family:'Arial Normal', 'Arial';
+  font-weight:bold;
+  font-size:14px;
+  text-align:left;
+}
+.heading_5 {
+  font-family:'Arial Normal', 'Arial';
+  font-weight:bold;
+  text-align:left;
+}
+.heading_6 {
+  font-family:'Arial Normal', 'Arial';
+  font-weight:bold;
+  font-size:10px;
+  text-align:left;
+}
+.label {
+  font-size:14px;
+  text-align:left;
+}
+.paragraph {
+  text-align:left;
+}
+.arrow {
+}
+.table_cell {
+}
+.connector {
+}
+.flow_shape {
+}

codes/agent/game-docker/api/document/files/home/data.js

@@ -0,0 +1,7 @@
+$axure.loadCurrentPage(
+(function() {
+    var _ = function() { var r={},a=arguments; for(var i=0; i<a.length; i+=2) r[a[i]]=a[i+1]; return r; }
+    var _creator = function() { return _(b,c,d,e,f,g,h,g,i,[j],k,_(l,m,n,o,p,q,r,_(),s,_(t,u,v,w,x,_(y,z,A,B),C,null,D,w,E,w,F,G,H,null,I,J,K,L,M,N,O,J),P,_(),Q,_(),R,_(S,[])),T,_(),U,_());}; 
+var b="url",c="home.html",d="generationDate",e=new Date(1497262308219.62),f="isCanvasEnabled",g=false,h="isAdaptiveEnabled",i="variables",j="OnLoadVariable",k="page",l="packageId",m="fe416c9d528b4f819d45e83f21567caa",n="type",o="Axure:Page",p="name",q="Home",r="notes",s="style",t="baseStyle",u="627587b6038d43cca051c114ac41ad32",v="pageAlignment",w="near",x="fill",y="fillType",z="solid",A="color",B=0xFFFFFFFF,C="image",D="imageHorizontalAlignment",E="imageVerticalAlignment",F="imageRepeat",G="auto",H="favicon",I="sketchFactor",J="0",K="colorStyle",L="appliedColor",M="fontName",N="Applied Font",O="borderWidth",P="adaptiveStyles",Q="interactionMap",R="diagram",S="objects",T="masters",U="objectPaths";
+return _creator();
+})());

codes/agent/game-docker/api/document/files/home/styles.css

@@ -0,0 +1,14 @@
+body {
+  margin:0px;
+  background-image:none;
+  position:static;
+  left:auto;
+  width:10px;
+  margin-left:0;
+  margin-right:0;
+  text-align:left;
+}
+#base {
+  position:absolute;
+  z-index:0;
+}

codes/agent/game-docker/api/document/files/支付流程/data.js

@@ -0,0 +1,7 @@
+$axure.loadCurrentPage(
+(function() {
+    var _ = function() { var r={},a=arguments; for(var i=0; i<a.length; i+=2) r[a[i]]=a[i+1]; return r; }
+    var _creator = function() { return _(b,c,d,e,f,g,h,g,i,[j],k,_(l,m,n,o,p,q,r,_(),s,_(t,u,v,w,x,_(y,z,A,B),C,null,D,w,E,w,F,G,H,null,I,J,K,L,M,N,O,J),P,_(),Q,_(),R,_(S,[_(T,U,V,W,X,Y,n,Z,ba,Z,bb,bc,s,_(bd,_(be,bf,bg,bh),t,bi,bj,bk,bl,_(bm,bn,bo,bp)),P,_(),bq,_(),S,[_(T,br,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(bd,_(be,bf,bg,bh),t,bi,bj,bk,bl,_(bm,bn,bo,bp)),P,_(),bq,_())],bv,g),_(T,bw,V,W,X,Y,n,Z,ba,Z,bb,bc,s,_(bd,_(be,bx,bg,by),t,bi,bj,bk,bl,_(bm,bz,bo,bA)),P,_(),bq,_(),S,[_(T,bB,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(bd,_(be,bx,bg,by),t,bi,bj,bk,bl,_(bm,bz,bo,bA)),P,_(),bq,_())],bv,g),_(T,bC,V,W,X,bD,n,Z,ba,bE,bb,bc,s,_(bd,_(be,bF,bg,bG),t,bi,bl,_(bm,bH,bo,bI),bJ,bK),P,_(),bq,_(),S,[_(T,bL,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(bd,_(be,bF,bg,bG),t,bi,bl,_(bm,bH,bo,bI),bJ,bK),P,_(),bq,_())],bM,_(bN,bO),bv,g),_(T,bP,V,W,X,bD,n,Z,ba,bE,bb,bc,s,_(bd,_(be,bF,bg,bQ),t,bi,bl,_(bm,bH,bo,bR),bJ,bK),P,_(),bq,_(),S,[_(T,bS,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(bd,_(be,bF,bg,bQ),t,bi,bl,_(bm,bH,bo,bR),bJ,bK),P,_(),bq,_())],bM,_(bN,bT),bv,g),_(T,bU,V,W,X,Y,n,Z,ba,Z,bb,bc,s,_(bd,_(be,bV,bg,bW),t,bi,bj,bk,bl,_(bm,bX,bo,bY)),P,_(),bq,_(),S,[_(T,bZ,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(bd,_(be,bV,bg,bW),t,bi,bj,bk,bl,_(bm,bX,bo,bY)),P,_(),bq,_())],bv,g),_(T,ca,V,W,X,cb,n,cc,ba,cc,bb,bc,s,_(t,cd,bl,_(bm,ce,bo,cf)),P,_(),bq,_(),S,[_(T,cg,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(t,cd,bl,_(bm,ce,bo,cf)),P,_(),bq,_())],bM,_(ch,ci,cj,ck)),_(T,cl,V,W,X,cb,n,cc,ba,cc,bb,bc,s,_(t,cd,bl,_(bm,bH,bo,cm),cn,co),P,_(),bq,_(),S,[_(T,cp,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(t,cd,bl,_(bm,bH,bo,cm),cn,co),P,_(),bq,_())],bM,_(ch,cq,cj,cr,cs,ct)),_(T,cu,V,W,X,cb,n,cc,ba,cc,bb,bc,s,_(t,cd,bl,_(bm,ce,bo,cv)),P,_(),bq,_(),S,[_(T,cw,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(t,cd,bl,_(bm,ce,bo,cv)),P,_(),bq,_())],bM,_(ch,cx,cj,ck)),_(T,cy,V,W,X,cb,n,cc,ba,cc,bb,bc,s,_(t,cd,bl,_(bm,bH,bo,cz),cn,co),P,_(),bq,_(),S,[_(T,cA,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(t,cd,bl,_(bm,bH,bo,cz),cn,co),P,_(),bq,_())],bM,_(ch,cq,cj,cr,cs,ct)),_(T,cB,V,W,X,Y,n,Z,ba,Z,bb,bc,s,_(bd,_(be,bf,bg,bW),t,bi,bj,bk,bl,_(bm,bn,bo,cC)),P,_(),bq,_(),S,[_(T,cD,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(bd,_(be,bf,bg,bW),t,bi,bj,bk,bl,_(bm,bn,bo,cC)),P,_(),bq,_())],bv,g),_(T,cE,V,W,X,cb,n,cc,ba,cc,bb,bc,s,_(t,cd,bl,_(bm,ce,bo,cF)),P,_(),bq,_(),S,[_(T,cG,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(t,cd,bl,_(bm,ce,bo,cF)),P,_(),bq,_())],bM,_(ch,cH,cj,ck)),_(T,cI,V,W,X,bD,n,Z,ba,bE,bb,bc,s,_(bd,_(be,bF,bg,bx),t,bi,bl,_(bm,bH,bo,cJ),bJ,bK),P,_(),bq,_(),S,[_(T,cK,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(bd,_(be,bF,bg,bx),t,bi,bl,_(bm,bH,bo,cJ),bJ,bK),P,_(),bq,_())],bM,_(bN,cL),bv,g),_(T,cM,V,W,X,cb,n,cc,ba,cc,bb,bc,s,_(t,cd,bl,_(bm,bH,bo,cN),cn,co),P,_(),bq,_(),S,[_(T,cO,V,W,X,null,bs,bc,n,bt,ba,bu,bb,bc,s,_(t,cd,bl,_(bm,bH,bo,cN),cn,co),P,_(),bq,_())],bM,_(ch,cP,cj,cr,cs,cQ))])),cR,_(),cS,_(cT,_(cU,cV),cW,_(cU,cX),cY,_(cU,cZ),da,_(cU,db),dc,_(cU,dd),de,_(cU,df),dg,_(cU,dh),di,_(cU,dj),dk,_(cU,dl),dm,_(cU,dn),dp,_(cU,dq),dr,_(cU,ds),dt,_(cU,du),dv,_(cU,dw),dx,_(cU,dy),dz,_(cU,dA),dB,_(cU,dC),dD,_(cU,dE),dF,_(cU,dG),dH,_(cU,dI),dJ,_(cU,dK),dL,_(cU,dM),dN,_(cU,dO),dP,_(cU,dQ),dR,_(cU,dS),dT,_(cU,dU)));}; 
+var b="url",c="支付流程.html",d="generationDate",e=new Date(1497262309288.68),f="isCanvasEnabled",g=false,h="isAdaptiveEnabled",i="variables",j="OnLoadVariable",k="page",l="packageId",m="4afd5738408948679c858f782f933e78",n="type",o="Axure:Page",p="name",q="支付流程",r="notes",s="style",t="baseStyle",u="627587b6038d43cca051c114ac41ad32",v="pageAlignment",w="near",x="fill",y="fillType",z="solid",A="color",B=0xFFFFFFFF,C="image",D="imageHorizontalAlignment",E="imageVerticalAlignment",F="imageRepeat",G="auto",H="favicon",I="sketchFactor",J="0",K="colorStyle",L="appliedColor",M="fontName",N="Applied Font",O="borderWidth",P="adaptiveStyles",Q="interactionMap",R="diagram",S="objects",T="id",U="fe25f5c6cb8f42b9ae4589492851d066",V="label",W="",X="friendlyType",Y="Rectangle",Z="vectorShape",ba="styleType",bb="visible",bc=true,bd="size",be="width",bf=100,bg="height",bh=36,bi="caddf88798f04a469d3bb16589ed2a5d",bj="cornerRadius",bk="10",bl="location",bm="x",bn=37,bo="y",bp=26,bq="imageOverrides",br="7a1c7cd65f384a78aac31132c6f3d9d6",bs="isContained",bt="richTextPanel",bu="paragraph",bv="generateCompound",bw="e4202cc7cc8147c4842caac70f73f8ec",bx=126,by=60,bz=24,bA=147,bB="968b403e65f943d2bdc9fe54a7044c00",bC="ef3d76810a1f4ac18640e7d2179fd67b",bD="Bracket",bE="flowShape",bF=426,bG=103,bH=198,bI=52,bJ="horizontalAlignment",bK="left",bL="015653127f4d466a848b2d290d260585",bM="images",bN="normal~",bO="images/支付流程/u1221.png",bP="aca5cfeccf9e4c83ae3a4fd04652d080",bQ=205,bR=165,bS="7f613209b7ce4a6fb2a89fe41cdd5724",bT="images/支付流程/u1223.png",bU="5018e65ad2a84d97a6a25cca43abfe54",bV=110,bW=47,bX=32,bY=392,bZ="b77c6f755b5c49b8aee8913ef95fd28d",ca="c0b8932285e34cd9886a70f9d9df7f0c",cb="Connector",cc="connector",cd="699a012e142a4bcba964d96e88b88bdf",ce=87,cf=62,cg="e274d2163b864e4abd9ddbd5461c6867",ch="0~",ci="images/支付流程/u1227_seg0.png",cj="1~",ck="images/认证流程/u296_seg1.png",cl="048d7e65d4d44f6986be8a5e6f80a16a",cm=104,cn="linePattern",co="dashed",cp="998831e83a484f6fbd5ee64fbddd3563",cq="images/支付流程/u1229_seg0.png",cr="images/认证流程/u298_seg2.png",cs="2~",ct="images/支付流程/u1229_seg2.png",cu="7b515955624340aea28bbfa2e63ebe37",cv=207,cw="d77cf616f2c549e6994afe3d382f4208",cx="images/支付流程/u1231_seg0.png",cy="4d1a799c47eb4581a14eed449d2176e5",cz=268,cA="90177f66175f45f4b602e17d6f6e4885",cB="50b856709b6141539d49247912c4e246",cC=489,cD="35630a9dd2114204b6669bff436c19c7",cE="8cff7372ef6a4eefa454c5f139cc58ba",cF=439,cG="b62a873a07844bd4b4a98b4b3d832089",cH="images/支付流程/u1237_seg0.png",cI="1941eddfd24c46128c8d5ecf0bff2ef2",cJ=400,cK="01f04c892c4840309d64a63cd7b5ccdb",cL="images/支付流程/u1239.png",cM="29777cdf19284ef5b2f3e2faad19b02c",cN=463,cO="b4fedfc91ccd45cf9d53399d2635d448",cP="images/认证流程/u304_seg0.png",cQ="images/认证流程/u304_seg2.png",cR="masters",cS="objectPaths",cT="fe25f5c6cb8f42b9ae4589492851d066",cU="scriptId",cV="u1217",cW="7a1c7cd65f384a78aac31132c6f3d9d6",cX="u1218",cY="e4202cc7cc8147c4842caac70f73f8ec",cZ="u1219",da="968b403e65f943d2bdc9fe54a7044c00",db="u1220",dc="ef3d76810a1f4ac18640e7d2179fd67b",dd="u1221",de="015653127f4d466a848b2d290d260585",df="u1222",dg="aca5cfeccf9e4c83ae3a4fd04652d080",dh="u1223",di="7f613209b7ce4a6fb2a89fe41cdd5724",dj="u1224",dk="5018e65ad2a84d97a6a25cca43abfe54",dl="u1225",dm="b77c6f755b5c49b8aee8913ef95fd28d",dn="u1226",dp="c0b8932285e34cd9886a70f9d9df7f0c",dq="u1227",dr="e274d2163b864e4abd9ddbd5461c6867",ds="u1228",dt="048d7e65d4d44f6986be8a5e6f80a16a",du="u1229",dv="998831e83a484f6fbd5ee64fbddd3563",dw="u1230",dx="7b515955624340aea28bbfa2e63ebe37",dy="u1231",dz="d77cf616f2c549e6994afe3d382f4208",dA="u1232",dB="4d1a799c47eb4581a14eed449d2176e5",dC="u1233",dD="90177f66175f45f4b602e17d6f6e4885",dE="u1234",dF="50b856709b6141539d49247912c4e246",dG="u1235",dH="35630a9dd2114204b6669bff436c19c7",dI="u1236",dJ="8cff7372ef6a4eefa454c5f139cc58ba",dK="u1237",dL="b62a873a07844bd4b4a98b4b3d832089",dM="u1238",dN="1941eddfd24c46128c8d5ecf0bff2ef2",dO="u1239",dP="01f04c892c4840309d64a63cd7b5ccdb",dQ="u1240",dR="29777cdf19284ef5b2f3e2faad19b02c",dS="u1241",dT="b4fedfc91ccd45cf9d53399d2635d448",dU="u1242";
+return _creator();
+})());

codes/agent/game-docker/api/document/files/支付流程/styles.css

@@ -0,0 +1,403 @@
+body {
+  margin:0px;
+  background-image:none;
+  position:static;
+  left:auto;
+  width:624px;
+  margin-left:0;
+  margin-right:0;
+  text-align:left;
+}
+#base {
+  position:absolute;
+  z-index:0;
+}
+#u1217_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:100px;
+  height:36px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u1217 {
+  position:absolute;
+  left:37px;
+  top:26px;
+  width:100px;
+  height:36px;
+}
+#u1218 {
+  position:absolute;
+  left:2px;
+  top:10px;
+  width:96px;
+  word-wrap:break-word;
+}
+#u1219_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:126px;
+  height:60px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u1219 {
+  position:absolute;
+  left:24px;
+  top:147px;
+  width:126px;
+  height:60px;
+}
+#u1220 {
+  position:absolute;
+  left:2px;
+  top:6px;
+  width:122px;
+  word-wrap:break-word;
+}
+#u1221_img {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:427px;
+  height:104px;
+}
+#u1221 {
+  position:absolute;
+  left:198px;
+  top:52px;
+  width:426px;
+  height:103px;
+  text-align:left;
+}
+#u1222 {
+  position:absolute;
+  left:2px;
+  top:4px;
+  width:422px;
+  word-wrap:break-word;
+}
+#u1223_img {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:427px;
+  height:206px;
+}
+#u1223 {
+  position:absolute;
+  left:198px;
+  top:165px;
+  width:426px;
+  height:205px;
+  text-align:left;
+}
+#u1224 {
+  position:absolute;
+  left:2px;
+  top:6px;
+  width:422px;
+  word-wrap:break-word;
+}
+#u1225_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:110px;
+  height:47px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u1225 {
+  position:absolute;
+  left:32px;
+  top:392px;
+  width:110px;
+  height:47px;
+}
+#u1226 {
+  position:absolute;
+  left:2px;
+  top:8px;
+  width:106px;
+  word-wrap:break-word;
+}
+#u1227 {
+  position:absolute;
+  left:87px;
+  top:62px;
+  width:0px;
+  height:0px;
+}
+#u1227_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:89px;
+}
+#u1227_seg1 {
+  position:absolute;
+  left:-10px;
+  top:70px;
+  width:20px;
+  height:20px;
+}
+#u1228 {
+  position:absolute;
+  left:-50px;
+  top:34px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u1229 {
+  position:absolute;
+  left:198px;
+  top:104px;
+  width:0px;
+  height:0px;
+}
+#u1229_seg0 {
+  position:absolute;
+  left:-111px;
+  top:-4px;
+  width:115px;
+  height:8px;
+}
+#u1229_seg1 {
+  position:absolute;
+  left:-20px;
+  top:-10px;
+  width:27px;
+  height:20px;
+}
+#u1229_seg2 {
+  position:absolute;
+  left:-118px;
+  top:-10px;
+  width:27px;
+  height:20px;
+}
+#u1230 {
+  position:absolute;
+  left:-106px;
+  top:-8px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u1231 {
+  position:absolute;
+  left:87px;
+  top:207px;
+  width:0px;
+  height:0px;
+}
+#u1231_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:189px;
+}
+#u1231_seg1 {
+  position:absolute;
+  left:-10px;
+  top:170px;
+  width:20px;
+  height:20px;
+}
+#u1232 {
+  position:absolute;
+  left:-50px;
+  top:84px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u1233 {
+  position:absolute;
+  left:198px;
+  top:268px;
+  width:0px;
+  height:0px;
+}
+#u1233_seg0 {
+  position:absolute;
+  left:-111px;
+  top:-4px;
+  width:115px;
+  height:8px;
+}
+#u1233_seg1 {
+  position:absolute;
+  left:-20px;
+  top:-10px;
+  width:27px;
+  height:20px;
+}
+#u1233_seg2 {
+  position:absolute;
+  left:-118px;
+  top:-10px;
+  width:27px;
+  height:20px;
+}
+#u1234 {
+  position:absolute;
+  left:-106px;
+  top:-8px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u1235_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:100px;
+  height:47px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u1235 {
+  position:absolute;
+  left:37px;
+  top:489px;
+  width:100px;
+  height:47px;
+}
+#u1236 {
+  position:absolute;
+  left:2px;
+  top:16px;
+  width:96px;
+  word-wrap:break-word;
+}
+#u1237 {
+  position:absolute;
+  left:87px;
+  top:439px;
+  width:0px;
+  height:0px;
+}
+#u1237_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:54px;
+}
+#u1237_seg1 {
+  position:absolute;
+  left:-10px;
+  top:35px;
+  width:20px;
+  height:20px;
+}
+#u1238 {
+  position:absolute;
+  left:-50px;
+  top:17px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u1239_img {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:427px;
+  height:127px;
+}
+#u1239 {
+  position:absolute;
+  left:198px;
+  top:400px;
+  width:426px;
+  height:126px;
+  text-align:left;
+}
+#u1240 {
+  position:absolute;
+  left:2px;
+  top:7px;
+  width:422px;
+  word-wrap:break-word;
+}
+#u1241 {
+  position:absolute;
+  left:198px;
+  top:463px;
+  width:0px;
+  height:0px;
+}
+#u1241_seg0 {
+  position:absolute;
+  left:-110px;
+  top:-4px;
+  width:114px;
+  height:8px;
+}
+#u1241_seg1 {
+  position:absolute;
+  left:-20px;
+  top:-10px;
+  width:27px;
+  height:20px;
+}
+#u1241_seg2 {
+  position:absolute;
+  left:-117px;
+  top:-10px;
+  width:27px;
+  height:20px;
+}
+#u1242 {
+  position:absolute;
+  left:-105px;
+  top:-8px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}

codes/agent/game-docker/api/document/files/移动支付流程/data.js

@@ -0,0 +1,7 @@
+$axure.loadCurrentPage(
+(function() {
+    var _ = function() { var r={},a=arguments; for(var i=0; i<a.length; i+=2) r[a[i]]=a[i+1]; return r; }
+    var _creator = function() { return _(b,c,d,e,f,g,h,g,i,[j],k,_(l,m,n,o,p,q,r,_(),s,_(t,u,v,w,x,_(y,z,A,B),C,null,D,w,E,w,F,G,H,null,I,J,K,L,M,N,O,J),P,_(),Q,_(),R,_(S,[_(T,U,V,W,X,Y,n,Z,ba,Z,bb,bc,s,_(bd,_(be,bf,bg,bh),t,bi,bj,_(bk,bl,bm,bl)),P,_(),bn,_(),S,[_(T,bo,V,W,X,null,bp,bc,n,bq,ba,br,bb,bc,s,_(bd,_(be,bf,bg,bh),t,bi,bj,_(bk,bl,bm,bl)),P,_(),bn,_())],bs,g)])),bt,_(),bu,_(bv,_(bw,bx),by,_(bw,bz)));}; 
+var b="url",c="移动支付流程.html",d="generationDate",e=new Date(1497262309301.68),f="isCanvasEnabled",g=false,h="isAdaptiveEnabled",i="variables",j="OnLoadVariable",k="page",l="packageId",m="54a6d5cfacd0411aa7d7b69ca3808fd7",n="type",o="Axure:Page",p="name",q="移动支付流程",r="notes",s="style",t="baseStyle",u="627587b6038d43cca051c114ac41ad32",v="pageAlignment",w="near",x="fill",y="fillType",z="solid",A="color",B=0xFFFFFFFF,C="image",D="imageHorizontalAlignment",E="imageVerticalAlignment",F="imageRepeat",G="auto",H="favicon",I="sketchFactor",J="0",K="colorStyle",L="appliedColor",M="fontName",N="Applied Font",O="borderWidth",P="adaptiveStyles",Q="interactionMap",R="diagram",S="objects",T="id",U="e27af3feaff049d19dabc647e198f5ff",V="label",W="",X="friendlyType",Y="Rectangle",Z="vectorShape",ba="styleType",bb="visible",bc=true,bd="size",be="width",bf=887,bg="height",bh=598,bi="4988d43d80b44008a4a415096f1632af",bj="location",bk="x",bl=15,bm="y",bn="imageOverrides",bo="ceb7c7f42dd0431abbe5ec6961ce00ce",bp="isContained",bq="richTextPanel",br="paragraph",bs="generateCompound",bt="masters",bu="objectPaths",bv="e27af3feaff049d19dabc647e198f5ff",bw="scriptId",bx="u1245",by="ceb7c7f42dd0431abbe5ec6961ce00ce",bz="u1246";
+return _creator();
+})());

codes/agent/game-docker/api/document/files/移动支付流程/styles.css

@@ -0,0 +1,42 @@
+body {
+  margin:0px;
+  background-image:none;
+  position:static;
+  left:auto;
+  width:902px;
+  margin-left:0;
+  margin-right:0;
+  text-align:left;
+}
+#base {
+  position:absolute;
+  z-index:0;
+}
+#u1245_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:887px;
+  height:598px;
+  background:inherit;
+  background-color:rgba(255, 255, 255, 0);
+  border:none;
+  border-radius:0px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u1245 {
+  position:absolute;
+  left:15px;
+  top:15px;
+  width:887px;
+  height:598px;
+}
+#u1246 {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:887px;
+  word-wrap:break-word;
+}

codes/agent/game-docker/api/document/files/签名算法/data.js

@@ -0,0 +1,7 @@
+$axure.loadCurrentPage(
+(function() {
+    var _ = function() { var r={},a=arguments; for(var i=0; i<a.length; i+=2) r[a[i]]=a[i+1]; return r; }
+    var _creator = function() { return _(b,c,d,e,f,g,h,g,i,[j],k,_(l,m,n,o,p,q,r,_(),s,_(t,u,v,w,x,_(y,z,A,B),C,null,D,w,E,w,F,G,H,null,I,J,K,L,M,N,O,J),P,_(),Q,_(),R,_(S,[_(T,U,V,W,X,Y,n,Z,ba,Z,bb,bc,s,_(bd,_(be,bf,bg,bh),t,bi,bj,_(bk,bl,bm,bn),bo,bp,bq,br),P,_(),bs,_(),S,[_(T,bt,V,W,X,null,bu,bc,n,bv,ba,bw,bb,bc,s,_(bd,_(be,bf,bg,bh),t,bi,bj,_(bk,bl,bm,bn),bo,bp,bq,br),P,_(),bs,_())],bx,g)])),by,_(),bz,_(bA,_(bB,bC),bD,_(bB,bE)));}; 
+var b="url",c="签名算法.html",d="generationDate",e=new Date(1497262309294.68),f="isCanvasEnabled",g=false,h="isAdaptiveEnabled",i="variables",j="OnLoadVariable",k="page",l="packageId",m="7dca0b308a07427191d8c8a4e5830a02",n="type",o="Axure:Page",p="name",q="签名算法",r="notes",s="style",t="baseStyle",u="627587b6038d43cca051c114ac41ad32",v="pageAlignment",w="near",x="fill",y="fillType",z="solid",A="color",B=0xFFFFFFFF,C="image",D="imageHorizontalAlignment",E="imageVerticalAlignment",F="imageRepeat",G="auto",H="favicon",I="sketchFactor",J="0",K="colorStyle",L="appliedColor",M="fontName",N="Applied Font",O="borderWidth",P="adaptiveStyles",Q="interactionMap",R="diagram",S="objects",T="id",U="ba069a20e7fa4e499e5e63867d379bd4",V="label",W="",X="friendlyType",Y="Rectangle",Z="vectorShape",ba="styleType",bb="visible",bc=true,bd="size",be="width",bf=754,bg="height",bh=328,bi="caddf88798f04a469d3bb16589ed2a5d",bj="location",bk="x",bl=11,bm="y",bn=12,bo="horizontalAlignment",bp="left",bq="verticalAlignment",br="top",bs="imageOverrides",bt="73505d309db946ed95761efb42fae42b",bu="isContained",bv="richTextPanel",bw="paragraph",bx="generateCompound",by="masters",bz="objectPaths",bA="ba069a20e7fa4e499e5e63867d379bd4",bB="scriptId",bC="u1243",bD="73505d309db946ed95761efb42fae42b",bE="u1244";
+return _creator();
+})());

codes/agent/game-docker/api/document/files/签名算法/styles.css

@@ -0,0 +1,48 @@
+body {
+  margin:0px;
+  background-image:none;
+  position:static;
+  left:auto;
+  width:765px;
+  margin-left:0;
+  margin-right:0;
+  text-align:left;
+}
+#base {
+  position:absolute;
+  z-index:0;
+}
+#u1243_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:754px;
+  height:328px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:0px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+  text-align:left;
+}
+#u1243 {
+  position:absolute;
+  left:11px;
+  top:12px;
+  width:754px;
+  height:328px;
+  text-align:left;
+}
+#u1244 {
+  position:absolute;
+  left:2px;
+  top:2px;
+  width:750px;
+  word-wrap:break-word;
+}

codes/agent/game-docker/api/document/files/认证流程/styles.css

@@ -0,0 +1,689 @@
+body {
+  margin:0px;
+  background-image:none;
+  position:static;
+  left:auto;
+  width:565px;
+  margin-left:0;
+  margin-right:0;
+  text-align:left;
+}
+#base {
+  position:absolute;
+  z-index:0;
+}
+#u290_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:100px;
+  height:38px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u290 {
+  position:absolute;
+  left:29px;
+  top:17px;
+  width:100px;
+  height:38px;
+}
+#u291 {
+  position:absolute;
+  left:2px;
+  top:11px;
+  width:96px;
+  word-wrap:break-word;
+}
+#u292_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:120px;
+  height:60px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u292 {
+  position:absolute;
+  left:19px;
+  top:124px;
+  width:120px;
+  height:60px;
+}
+#u293 {
+  position:absolute;
+  left:2px;
+  top:6px;
+  width:116px;
+  word-wrap:break-word;
+}
+#u294_img {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:376px;
+  height:95px;
+}
+#u294 {
+  position:absolute;
+  left:190px;
+  top:42px;
+  width:375px;
+  height:94px;
+  text-align:left;
+}
+#u295 {
+  position:absolute;
+  left:2px;
+  top:7px;
+  width:371px;
+  word-wrap:break-word;
+}
+#u296 {
+  position:absolute;
+  left:79px;
+  top:55px;
+  width:0px;
+  height:0px;
+}
+#u296_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:73px;
+}
+#u296_seg1 {
+  position:absolute;
+  left:-10px;
+  top:54px;
+  width:20px;
+  height:20px;
+}
+#u297 {
+  position:absolute;
+  left:-50px;
+  top:26px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u298 {
+  position:absolute;
+  left:190px;
+  top:89px;
+  width:0px;
+  height:0px;
+}
+#u298_seg0 {
+  position:absolute;
+  left:-116px;
+  top:-4px;
+  width:116px;
+  height:8px;
+}
+#u298_seg1 {
+  position:absolute;
+  left:-116px;
+  top:-5px;
+  width:8px;
+  height:9px;
+}
+#u298_seg2 {
+  position:absolute;
+  left:-20px;
+  top:-10px;
+  width:27px;
+  height:20px;
+}
+#u298_seg3 {
+  position:absolute;
+  left:-122px;
+  top:-12px;
+  width:20px;
+  height:27px;
+}
+#u299 {
+  position:absolute;
+  left:-108px;
+  top:-8px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u300_img {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:376px;
+  height:115px;
+}
+#u300 {
+  position:absolute;
+  left:190px;
+  top:164px;
+  width:375px;
+  height:114px;
+  text-align:left;
+}
+#u301 {
+  position:absolute;
+  left:2px;
+  top:1px;
+  width:371px;
+  word-wrap:break-word;
+}
+#u302 {
+  position:absolute;
+  left:79px;
+  top:184px;
+  width:0px;
+  height:0px;
+}
+#u302_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:133px;
+}
+#u302_seg1 {
+  position:absolute;
+  left:-10px;
+  top:114px;
+  width:20px;
+  height:20px;
+}
+#u303 {
+  position:absolute;
+  left:-50px;
+  top:56px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u304 {
+  position:absolute;
+  left:190px;
+  top:221px;
+  width:0px;
+  height:0px;
+}
+#u304_seg0 {
+  position:absolute;
+  left:-110px;
+  top:-4px;
+  width:114px;
+  height:8px;
+}
+#u304_seg1 {
+  position:absolute;
+  left:-20px;
+  top:-10px;
+  width:27px;
+  height:20px;
+}
+#u304_seg2 {
+  position:absolute;
+  left:-117px;
+  top:-10px;
+  width:27px;
+  height:20px;
+}
+#u305 {
+  position:absolute;
+  left:-105px;
+  top:-8px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u306_img {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:124px;
+  height:60px;
+}
+#u306 {
+  position:absolute;
+  left:17px;
+  top:313px;
+  width:124px;
+  height:60px;
+}
+#u307 {
+  position:absolute;
+  left:2px;
+  top:22px;
+  width:120px;
+  word-wrap:break-word;
+}
+#u308_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:100px;
+  height:48px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u308 {
+  position:absolute;
+  left:177px;
+  top:392px;
+  width:100px;
+  height:48px;
+}
+#u309 {
+  position:absolute;
+  left:2px;
+  top:8px;
+  width:96px;
+  word-wrap:break-word;
+}
+#u310_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:124px;
+  height:77px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u310 {
+  position:absolute;
+  left:17px;
+  top:467px;
+  width:124px;
+  height:77px;
+}
+#u311 {
+  position:absolute;
+  left:2px;
+  top:14px;
+  width:120px;
+  word-wrap:break-word;
+}
+#u312_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:72px;
+  height:26px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:0px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u312 {
+  position:absolute;
+  left:43px;
+  top:403px;
+  width:72px;
+  height:26px;
+}
+#u313 {
+  position:absolute;
+  left:2px;
+  top:5px;
+  width:68px;
+  word-wrap:break-word;
+}
+#u314_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:73px;
+  height:28px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:0px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u314 {
+  position:absolute;
+  left:190px;
+  top:329px;
+  width:73px;
+  height:28px;
+}
+#u315 {
+  position:absolute;
+  left:2px;
+  top:6px;
+  width:69px;
+  word-wrap:break-word;
+}
+#u316 {
+  position:absolute;
+  left:79px;
+  top:373px;
+  width:0px;
+  height:0px;
+}
+#u316_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:34px;
+}
+#u316_seg1 {
+  position:absolute;
+  left:-10px;
+  top:15px;
+  width:20px;
+  height:20px;
+}
+#u317 {
+  position:absolute;
+  left:-50px;
+  top:7px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u318 {
+  position:absolute;
+  left:79px;
+  top:429px;
+  width:0px;
+  height:0px;
+}
+#u318_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:42px;
+}
+#u318_seg1 {
+  position:absolute;
+  left:-10px;
+  top:23px;
+  width:20px;
+  height:20px;
+}
+#u319 {
+  position:absolute;
+  left:-50px;
+  top:11px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u320 {
+  position:absolute;
+  left:141px;
+  top:343px;
+  width:0px;
+  height:0px;
+}
+#u320_seg0 {
+  position:absolute;
+  left:0px;
+  top:-4px;
+  width:53px;
+  height:8px;
+}
+#u320_seg1 {
+  position:absolute;
+  left:34px;
+  top:-10px;
+  width:20px;
+  height:20px;
+}
+#u321 {
+  position:absolute;
+  left:-26px;
+  top:-8px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u322 {
+  position:absolute;
+  left:227px;
+  top:357px;
+  width:0px;
+  height:0px;
+}
+#u322_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:39px;
+}
+#u322_seg1 {
+  position:absolute;
+  left:-10px;
+  top:20px;
+  width:20px;
+  height:20px;
+}
+#u323 {
+  position:absolute;
+  left:-50px;
+  top:10px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u324 {
+  position:absolute;
+  left:277px;
+  top:416px;
+  width:0px;
+  height:0px;
+}
+#u324_seg0 {
+  position:absolute;
+  left:0px;
+  top:-4px;
+  width:17px;
+  height:8px;
+}
+#u324_seg1 {
+  position:absolute;
+  left:9px;
+  top:-127px;
+  width:8px;
+  height:131px;
+}
+#u324_seg2 {
+  position:absolute;
+  left:-195px;
+  top:-127px;
+  width:212px;
+  height:8px;
+}
+#u324_seg3 {
+  position:absolute;
+  left:-200px;
+  top:-133px;
+  width:20px;
+  height:20px;
+}
+#u325 {
+  position:absolute;
+  left:-73px;
+  top:-131px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u326_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:100px;
+  height:39px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u326 {
+  position:absolute;
+  left:29px;
+  top:566px;
+  width:100px;
+  height:39px;
+}
+#u327 {
+  position:absolute;
+  left:2px;
+  top:12px;
+  width:96px;
+  word-wrap:break-word;
+}
+#u328 {
+  position:absolute;
+  left:79px;
+  top:544px;
+  width:0px;
+  height:0px;
+}
+#u328_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:26px;
+}
+#u328_seg1 {
+  position:absolute;
+  left:-10px;
+  top:7px;
+  width:20px;
+  height:20px;
+}
+#u329 {
+  position:absolute;
+  left:-50px;
+  top:3px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}
+#u330_div {
+  position:absolute;
+  left:0px;
+  top:0px;
+  width:100px;
+  height:60px;
+  background:-webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 100%, rgba(255, 255, 255, 1) 100%);
+  box-sizing:border-box;
+  border-width:1px;
+  border-style:solid;
+  border-color:rgba(121, 121, 121, 1);
+  border-radius:10px;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+  box-shadow:none;
+}
+#u330 {
+  position:absolute;
+  left:29px;
+  top:629px;
+  width:100px;
+  height:60px;
+}
+#u331 {
+  position:absolute;
+  left:2px;
+  top:22px;
+  width:96px;
+  word-wrap:break-word;
+}
+#u332 {
+  position:absolute;
+  left:79px;
+  top:605px;
+  width:0px;
+  height:0px;
+}
+#u332_seg0 {
+  position:absolute;
+  left:-4px;
+  top:0px;
+  width:8px;
+  height:28px;
+}
+#u332_seg1 {
+  position:absolute;
+  left:-10px;
+  top:9px;
+  width:20px;
+  height:20px;
+}
+#u333 {
+  position:absolute;
+  left:-50px;
+  top:4px;
+  width:100px;
+  visibility:hidden;
+  word-wrap:break-word;
+}

codes/agent/game-docker/api/document/plugins/debug/debug.js

@@ -0,0 +1,143 @@
+// use this to isolate the scope
+(function () {
+
+    if(!$axure.document.configuration.showConsole) { return; }
+
+    $(document).ready(function () {
+        $axure.player.createPluginHost({
+            id: 'debugHost',
+            context: 'interface',
+            title: 'CONSOLE',
+            gid: 3
+        });
+
+        generateDebug();
+
+        $('#variablesClearLink').click(clearvars_click);
+        $('#traceClearLink').click(cleartrace_click);
+
+
+        $(document).on('ContainerHeightChange', function () {
+            updateContainerHeight();
+        });
+
+        //$('#traceContainer').hide();
+        //$('#debugTraceLink').click(function () {
+        //    $('#variablesContainer').hide();
+        //    $('#traceContainer').show();
+        //});
+        //$('#debugVariablesLink').click(function () {
+        //    $('#variablesContainer').show();
+        //    $('#traceContainer').hide();
+        //});
+
+        var currentStack= [];
+        var finishedStack = [];
+
+        $axure.messageCenter.addMessageListener(function (message, data) {
+            if(message == 'globalVariableValues') {
+                //If variables container isn't visible, then ignore
+                //if(!$('#variablesContainer').is(":visible")) {
+                //    return;
+                //}
+
+                $('#variablesDiv').empty();
+                for(var key in data) {
+                    var value = data[key] == '' ? '(blank)' : data[key];
+                    $('#variablesDiv').append('<div class="variableDiv"><span class="variableName">' + key + '</span><br/>' + value + '</div>');
+                }
+            } if(message == 'setGlobalVar') {
+                //$('#variablesContainer').html("");
+                //for (var variable in $axure.globalVariableProvider.getDefinedVariables) {
+                //    $('#variablesContainer').append("<div class='varName'>" + variable + "</div>");
+                //    $('#variablesContainer').append("<div class='varVal'>" + $axure.globalVariableProvider.getVariableValue(variable) + "</div>");
+                //}
+            } else if(message == 'axEvent') {
+                var addToStack = "<div class='axEventBlock'>";
+                addToStack += "<div class='axTime'>" + new Date().toLocaleTimeString() + "</div>";
+                addToStack += "<div class='axLabel'>" + data.label + " (" + data.type + ")</div>";
+                addToStack += "<div class='axEvent'>" + data.event.description + "</div>";
+                currentStack.push(addToStack);
+            } else if (message == 'axEventComplete') {
+                currentStack[currentStack.length - 1] += "</div>";
+                finishedStack.push(currentStack.pop());
+                if(currentStack.length == 0) {
+                    $('#traceClearLinkContainer').show();
+                    $('#traceEmptyState').hide();
+
+                    $('.lastAxEvent').removeClass('lastAxEvent');
+                    for(var i = finishedStack.length - 1; i >= 0; i--) {
+                        if($('#traceDiv').children().length > 99) $('#traceDiv').children().last().remove();
+                        $('#traceDiv').prepend(finishedStack[i]);
+                        if(i == finishedStack.length - 1) $('#traceDiv').children().first().addClass('lastAxEvent');
+                    }
+                    finishedStack = [];
+                }
+            } else if (message == 'axCase') {
+                currentStack[currentStack.length - 1] += "<div class='axCase'>" + data.description + "</div>";
+            } else if (message == 'axAction') {
+                currentStack[currentStack.length - 1] += "<div class='axAction'>" + data.description + "</div>";
+            }
+        });
+
+        // bind to the page load
+        $axure.page.bind('load.debug', function () {
+
+            $axure.messageCenter.postMessage('getGlobalVariables', '');
+
+            return false;
+        });
+
+        function clearvars_click(event) {
+            $axure.messageCenter.postMessage('resetGlobalVariables', '');
+        }
+
+        function cleartrace_click(event) {
+            $('#traceDiv').html('');
+            $('#traceClearLinkContainer').hide();
+            $('#traceEmptyState').show();
+        }
+    });
+
+    function updateContainerHeight() {
+        $('#debugScrollContainer').height($('#debugHost').height() - $('#debugHeader').outerHeight());
+    }
+
+    function generateDebug() {
+        var pageNotesUi = "<div id='debugHeader'' class='sitemapHeader'>";
+
+        pageNotesUi += "<div id='debugToolbar' class='sitemapToolbar'>";
+        pageNotesUi += "<div class='pluginNameHeader'>CONSOLE</div>";
+        pageNotesUi += "<div class='pageNameHeader'></div>";
+
+        //pageNotesUi += "<div class='pageButtonHeader'>";
+
+        //pageNotesUi += "<a id='previousPageButton' title='Previous Page' class='sitemapToolbarButton'></a>";
+        //pageNotesUi += "<a id='nextPageButton' title='Next Page' class='sitemapToolbarButton'></a>";
+        //pageNotesUi += "<a id='variablesClearLink' title='Reset Variables' class='sitemapToolbarButton'></a>";
+
+        //pageNotesUi += "</div>";
+        pageNotesUi += "</div>";
+        pageNotesUi += "</div>";
+
+        //var pageNotesUi = "<div id='debugToolbar'><a id='debugVariablesLink' class='debugToolbarButton'>Variables</a> | <a id='debugTraceLink' class='debugToolbarButton'>Trace</a></div>";
+        pageNotesUi += "<div id='debugScrollContainer'>";
+        pageNotesUi += "<div id='debugContainer'>";
+        pageNotesUi += "<div id='variablesContainer'>";
+        pageNotesUi += "<div id='variablesClearLinkContainer' class='debugLinksContainer'><a id='variablesClearLink' title='Reset Variables'>Reset Variables</a></div>";
+        pageNotesUi += "<div id='variablesDiv'></div></div>";
+        pageNotesUi += "<div class='dottedDivider'></div>";
+        pageNotesUi += "<div id='traceContainer'>";
+        pageNotesUi += "<div id='traceClearLinkContainer' class='debugLinksContainer'><a id='traceClearLink' title='Clear Trace'>Clear Trace</a></div>";
+        pageNotesUi += "<div id='traceEmptyState' class='emptyStateContainer'><div class='emptyStateTitle'>No interactions in the trace.</div><div class='emptyStateContent'>Triggered interactions will appear here.</div><div class='dottedDivider'></div></div>";
+        pageNotesUi += "<div id='traceDiv'></div></div>";
+        pageNotesUi += "</div></div>";
+
+        $('#debugHost').html(pageNotesUi);
+        updateContainerHeight();
+
+        $('#traceClearLinkContainer').hide();
+        $('#traceEmptyState').show();
+    }
+
+})();   

codes/agent/game-docker/api/document/plugins/debug/styles/debug.css

@@ -0,0 +1,135 @@
+#debugHost {
+    font-size: 12px;
+    color:#4a4a4a;
+    height: 100%;
+}
+
+#debugHostBtn a {
+    background: url('images/variables_on.png');
+    background: url('images/variables_on.svg'),linear-gradient(transparent, transparent);
+}
+
+.hashover #debugHostBtn a:hover {
+    background: url('images/variables_hover.png');
+    background: url('images/variables_hover.svg'),linear-gradient(transparent, transparent);
+}
+
+#debugHostBtn a.selected, #debugHostBtn a.selected:hover {
+    background: url('images/variables_off.png');
+    background: url('images/variables_off.svg'),linear-gradient(transparent, transparent);
+}
+
+#debugHeader .pageNameHeader {
+    padding-right: 0px;
+}
+
+#variablesClearLink {
+    display: inline-block;
+    margin-bottom: 15px;
+}
+
+#variablesClearLink:hover {
+    color: #0a6cd6;
+}
+
+#traceClearLink {
+    display: inline-block;
+    margin-bottom: 15px;
+}
+
+#traceClearLink:hover {
+    color: #0a6cd6;
+}
+
+#debugScrollContainer 
+{
+    overflow: auto;
+    width: 100%;
+    height: 100%;
+    -webkit-overflow-scrolling: touch;
+}
+
+#debugContainer {
+        padding: 10px 10px 10px 10px;
+}
+
+.variableName
+{
+	font-weight: bold;
+}
+
+.variableDiv
+{
+    margin-bottom: 20px;
+    line-height: 16px;
+
+}
+
+#variablesContainer {
+    padding-bottom: 5px;
+    /*overflow: auto;*/
+}
+
+#traceContainer {
+    padding-top: 15px;
+    /*padding: 0px 10px 10px 10px;*/
+}
+
+.debugToolbarButton 
+{
+	font-size: 1em;
+	color: #069;
+}
+
+.axEventBlock {
+    display: inline-block;
+    width: 100%;
+    margin: 5px 0px 5px 0px;
+    line-height: 21px;
+}
+
+/*a.axEventBlock:hover {
+    background-color: #069;
+    color: white;
+}*/
+
+.axTime {
+    margin: 0px 0px 0px 0px;
+    font-size: 11px;
+    color: #b1b3b5;
+}
+
+.axLabel {
+    margin: 0px 0px 5px 0px;
+    font-family: 'Trebuchet MS';
+    font-size: 14px;
+    font-weight: bold;
+}
+
+.lastAxEvent {
+    margin-bottom: 10px;
+    border-bottom: 1px solid #c2c2c2;
+    padding-bottom: 10px;
+}
+
+.axEvent {
+    margin: 0px 0px 5px 0px;
+    font-weight: bold;
+}
+
+.axCase {
+    margin: 0px 0px 5px 8px;
+    font-style: italic;
+}
+
+.axAction {
+    margin: 0px 0px 5px 13px;
+}
+
+#traceEmptyState.emptyStateContainer {
+    margin-top: 0px;
+}
+
+.debugLinksContainer {
+    text-align: right;
+}

codes/agent/game-docker/api/document/plugins/debug/styles/images/reset.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="14" height="14" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+ <g id="Page-1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+  <g id="refresh" sketch:type="MSArtboardGroup" fill="#4a4a4a">
+   <g sketch:type="MSLayerGroup" id="Shape">
+    <path d="M12.0002593,6.53352696 L12.0002593,6.53352696 C12.0002593,9.47472987 9.75656368,11.866805 7.00045379,11.866805 C5.36610095,11.866805 3.91598491,11.0262677 3.00333208,9.73070553 L4.50027875,8.13327801 L0,8.13327801 L0,12.9340802 L1.57681287,11.2518438 C2.86011747,12.9282714 4.81211995,14 7.00045379,14 C10.8659778,14 14,10.6574071 14,6.53333333 L12.0002593,6.53333333 L12.0002593,6.53352696 Z" sketch:type="MSShapeGroup"/>
+    <path d="M6.99972773,-8.8817842e-16 C3.13420374,-8.8817842e-16 0,3.34332115 0,7.46666667 L1.99992221,7.46666667 C1.99992221,4.52584507 4.24252875,2.13349928 6.99990924,2.13349928 C8.63262845,2.13349928 10.0843781,2.97334682 10.997394,4.26874098 L9.49990276,5.86654221 L14,5.86654221 L14,1.06771765 L12.4228241,2.74954235 C11.139701,1.07275132 9.1873355,-8.8817842e-16 6.99972773,-8.8817842e-16 Z" sketch:type="MSShapeGroup"/>
+   </g>
+  </g>
+ </g>
+</svg>

codes/agent/game-docker/api/document/plugins/debug/styles/images/reset_hover.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="14" height="14" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+ <g id="Page-1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+  <g id="refresh_hover" sketch:type="MSArtboardGroup" fill="#0069d9">
+   <g id="refresh" sketch:type="MSLayerGroup">
+    <path d="M12.0002593,6.53352696 L12.0002593,6.53352696 C12.0002593,9.47472987 9.75656368,11.866805 7.00045379,11.866805 C5.36610095,11.866805 3.91598491,11.0262677 3.00333208,9.73070553 L4.50027875,8.13327801 L0,8.13327801 L0,12.9340802 L1.57681287,11.2518438 C2.86011747,12.9282714 4.81211995,14 7.00045379,14 C10.8659778,14 14,10.6574071 14,6.53333333 L12.0002593,6.53333333 L12.0002593,6.53352696 Z" id="Shape" sketch:type="MSShapeGroup"/>
+    <path d="M6.99972773,-8.8817842e-16 C3.13420374,-8.8817842e-16 0,3.34332115 0,7.46666667 L1.99992221,7.46666667 C1.99992221,4.52584507 4.24252875,2.13349928 6.99990924,2.13349928 C8.63262845,2.13349928 10.0843781,2.97334682 10.997394,4.26874098 L9.49990276,5.86654221 L14,5.86654221 L14,1.06771765 L12.4228241,2.74954235 C11.139701,1.07275132 9.1873355,-8.8817842e-16 6.99972773,-8.8817842e-16 Z" id="Shape" sketch:type="MSShapeGroup"/>
+   </g>
+  </g>
+ </g>
+</svg>

codes/agent/game-docker/api/document/plugins/debug/styles/images/variables_hover.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>variables_hover</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="variables_hover" sketch:type="MSArtboardGroup" fill="#C2C2C2">
+            <path d="M3.58240732,20.9963951 C2.42916084,19.6949228 1.54379163,18.3237493 0.926273126,16.8828335 C0.308754621,15.4419177 0,13.9456046 0,12.3938491 C0,9.92677251 0.936487526,7.67425807 2.80949067,5.63623824 C3.93819999,4.39912445 5.50446516,3.18705716 7.50833315,2 L7.94999981,2.42905466 C6.64953038,3.48739478 5.73757964,4.33655697 5.21412025,4.9765667 C4.69066085,5.61657644 4.13858305,6.67668839 3.55787029,8.15693437 C3.206171,9.05080271 2.91786371,10.0608588 2.69293975,11.1871329 C2.46801579,12.313407 2.3555555,13.5451391 2.3555555,14.8823662 C2.3555555,16.0908762 2.50073151,17.1313233 2.7910879,18.0037388 C3.08144428,18.8761543 3.53741965,19.7628584 4.15902768,20.6638777 L3.58240732,20.9963951 Z M13.0038593,9.88387938 C13.8186147,8.77548263 14.47434,7.99782883 14.9710549,7.55089466 C15.4677698,7.10396049 15.9519702,6.88049676 16.4236707,6.88049676 C16.9882818,6.88049676 17.3777862,7.07356942 17.5921955,7.45972055 C17.7065472,7.65994706 17.7637221,7.9030756 17.7637221,8.18911347 C17.7637221,8.48230229 17.6457988,8.75045877 17.4099485,8.99359096 C17.1740983,9.23672315 16.8882235,9.35828742 16.5523156,9.35828742 C16.3450533,9.35828742 16.1109933,9.27962818 15.8501286,9.12230735 C15.589264,8.96498653 15.3909384,8.88632729 15.2551458,8.88632729 C14.9907077,8.88632729 14.7387805,9.02219324 14.4993568,9.29392922 C14.2599331,9.5656652 13.8472013,10.1413078 13.2611492,11.0208742 L13.464837,12.0935109 C13.5720417,12.6441338 13.6613776,13.0964244 13.7328473,13.4503962 C13.8043171,13.8043681 13.8829327,14.131519 13.9686964,14.4318588 C14.083048,14.8466137 14.1973979,15.1469489 14.3117496,15.3328736 C14.4261012,15.5187982 14.5940526,15.6117591 14.8156089,15.6117591 C15.0157243,15.6117591 15.2587178,15.4651669 15.5445969,15.1719781 C15.7018304,15.0146572 15.9412505,14.7250482 16.2628645,14.3031424 L16.7131218,14.614207 C16.334332,15.2506413 15.8429847,15.8548872 15.2390652,16.4269629 C14.6351456,16.9990387 14.0437422,17.2850723 13.464837,17.2850723 C12.9788426,17.2850723 12.5786179,17.0848488 12.2641509,16.6843957 C12.0854765,16.4698673 11.9282454,16.1766829 11.7924528,15.8048337 C11.7209831,15.6117581 11.6227136,15.2703055 11.4976415,14.7804657 C11.3725694,14.2906258 11.2921671,13.9885029 11.2564322,13.8740877 L11.1063465,14.1315205 C10.3987958,15.3471815 9.88064773,16.1373492 9.55188679,16.5020475 C9.05874539,17.0455195 8.48699582,17.3172514 7.83662093,17.3172514 C7.46497813,17.3172514 7.14158228,17.190324 6.86642367,16.9364653 C6.59126506,16.6826067 6.45368782,16.3697575 6.45368782,15.9979083 C6.45368782,15.6904176 6.55553071,15.4061717 6.75921955,15.1451621 C6.96290839,14.8841526 7.24699646,14.7536498 7.61149228,14.7536498 C7.83304856,14.7536498 8.10641633,14.832309 8.43160377,14.9896298 C8.75679122,15.1469507 8.96941059,15.2256099 9.06946827,15.2256099 C9.29102455,15.2256099 9.48220331,15.1272858 9.64301029,14.9306348 C9.80381727,14.7339838 10.1200663,14.245939 10.5917667,13.4664858 L11.0205832,12.7585456 C10.9491134,12.4582058 10.8722846,12.0899376 10.7900943,11.6537298 C10.7079041,11.2175221 10.6239284,10.7705946 10.5381647,10.312934 L10.3666381,9.40119288 C10.2451395,8.74330578 10.052174,8.31067999 9.78773585,8.10330254 C9.63764934,7.98173644 9.39108233,7.92095431 9.04802744,7.92095431 C9.01229256,7.92095431 8.92653012,7.92631744 8.79073756,7.93704386 C8.654945,7.94777028 8.51915448,7.96028425 8.38336192,7.97458614 L8.38336192,7.38463598 C9.02658984,7.30597557 9.73234321,7.20586381 10.5006432,7.08429772 C11.2689432,6.96273163 11.7817311,6.87692155 12.0390223,6.82686492 C12.2534316,7.11290279 12.4303166,7.45971851 12.5696827,7.86732247 C12.7090487,8.27492644 12.8144651,8.70755223 12.8859348,9.16521282 L13.0038593,9.88387938 Z M20.3688408,2 C21.7596773,3.58751018 22.7025684,5.08561105 23.1975426,6.49434756 C23.6925167,7.90308407 23.9400001,9.26174358 23.9400001,10.5703668 C23.9400001,12.165028 23.6270666,13.5397768 23.0011902,14.6946548 C22.3753138,15.8495327 21.5919573,16.8989183 20.6510974,17.8428433 C19.8656839,18.6294475 18.9002943,19.4106767 17.7548995,20.1865544 C16.6095048,20.9624321 16.171807,21.2323763 16.4417929,20.9963951 L16,20.556614 C17.23539,19.5626324 18.0780606,18.7974926 18.5280371,18.2611716 C19.2070925,17.4459637 19.8288689,16.3054048 20.3933849,14.8394607 C20.8269986,13.723913 21.1337961,12.6030189 21.3137867,11.4767448 C21.4937773,10.3504707 21.5837713,9.2295766 21.5837713,8.1140289 C21.5837713,7.04138689 21.4569616,6.05993417 21.2033385,5.1696413 C20.9497154,4.27934843 20.4752019,3.33364991 19.7797836,2.33251736 L20.3688408,2 Z" id="(x)-copy" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/debug/styles/images/variables_off.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>variables_on</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="variables_on" sketch:type="MSArtboardGroup" fill="#62666B">
+            <path d="M3.58240732,20.9963951 C2.42916084,19.6949228 1.54379163,18.3237493 0.926273126,16.8828335 C0.308754621,15.4419177 0,13.9456046 0,12.3938491 C0,9.92677251 0.936487526,7.67425807 2.80949067,5.63623824 C3.93819999,4.39912445 5.50446516,3.18705716 7.50833315,2 L7.94999981,2.42905466 C6.64953038,3.48739478 5.73757964,4.33655697 5.21412025,4.9765667 C4.69066085,5.61657644 4.13858305,6.67668839 3.55787029,8.15693437 C3.206171,9.05080271 2.91786371,10.0608588 2.69293975,11.1871329 C2.46801579,12.313407 2.3555555,13.5451391 2.3555555,14.8823662 C2.3555555,16.0908762 2.50073151,17.1313233 2.7910879,18.0037388 C3.08144428,18.8761543 3.53741965,19.7628584 4.15902768,20.6638777 L3.58240732,20.9963951 Z M13.0038593,9.88387938 C13.8186147,8.77548263 14.47434,7.99782883 14.9710549,7.55089466 C15.4677698,7.10396049 15.9519702,6.88049676 16.4236707,6.88049676 C16.9882818,6.88049676 17.3777862,7.07356942 17.5921955,7.45972055 C17.7065472,7.65994706 17.7637221,7.9030756 17.7637221,8.18911347 C17.7637221,8.48230229 17.6457988,8.75045877 17.4099485,8.99359096 C17.1740983,9.23672315 16.8882235,9.35828742 16.5523156,9.35828742 C16.3450533,9.35828742 16.1109933,9.27962818 15.8501286,9.12230735 C15.589264,8.96498653 15.3909384,8.88632729 15.2551458,8.88632729 C14.9907077,8.88632729 14.7387805,9.02219324 14.4993568,9.29392922 C14.2599331,9.5656652 13.8472013,10.1413078 13.2611492,11.0208742 L13.464837,12.0935109 C13.5720417,12.6441338 13.6613776,13.0964244 13.7328473,13.4503962 C13.8043171,13.8043681 13.8829327,14.131519 13.9686964,14.4318588 C14.083048,14.8466137 14.1973979,15.1469489 14.3117496,15.3328736 C14.4261012,15.5187982 14.5940526,15.6117591 14.8156089,15.6117591 C15.0157243,15.6117591 15.2587178,15.4651669 15.5445969,15.1719781 C15.7018304,15.0146572 15.9412505,14.7250482 16.2628645,14.3031424 L16.7131218,14.614207 C16.334332,15.2506413 15.8429847,15.8548872 15.2390652,16.4269629 C14.6351456,16.9990387 14.0437422,17.2850723 13.464837,17.2850723 C12.9788426,17.2850723 12.5786179,17.0848488 12.2641509,16.6843957 C12.0854765,16.4698673 11.9282454,16.1766829 11.7924528,15.8048337 C11.7209831,15.6117581 11.6227136,15.2703055 11.4976415,14.7804657 C11.3725694,14.2906258 11.2921671,13.9885029 11.2564322,13.8740877 L11.1063465,14.1315205 C10.3987958,15.3471815 9.88064773,16.1373492 9.55188679,16.5020475 C9.05874539,17.0455195 8.48699582,17.3172514 7.83662093,17.3172514 C7.46497813,17.3172514 7.14158228,17.190324 6.86642367,16.9364653 C6.59126506,16.6826067 6.45368782,16.3697575 6.45368782,15.9979083 C6.45368782,15.6904176 6.55553071,15.4061717 6.75921955,15.1451621 C6.96290839,14.8841526 7.24699646,14.7536498 7.61149228,14.7536498 C7.83304856,14.7536498 8.10641633,14.832309 8.43160377,14.9896298 C8.75679122,15.1469507 8.96941059,15.2256099 9.06946827,15.2256099 C9.29102455,15.2256099 9.48220331,15.1272858 9.64301029,14.9306348 C9.80381727,14.7339838 10.1200663,14.245939 10.5917667,13.4664858 L11.0205832,12.7585456 C10.9491134,12.4582058 10.8722846,12.0899376 10.7900943,11.6537298 C10.7079041,11.2175221 10.6239284,10.7705946 10.5381647,10.312934 L10.3666381,9.40119288 C10.2451395,8.74330578 10.052174,8.31067999 9.78773585,8.10330254 C9.63764934,7.98173644 9.39108233,7.92095431 9.04802744,7.92095431 C9.01229256,7.92095431 8.92653012,7.92631744 8.79073756,7.93704386 C8.654945,7.94777028 8.51915448,7.96028425 8.38336192,7.97458614 L8.38336192,7.38463598 C9.02658984,7.30597557 9.73234321,7.20586381 10.5006432,7.08429772 C11.2689432,6.96273163 11.7817311,6.87692155 12.0390223,6.82686492 C12.2534316,7.11290279 12.4303166,7.45971851 12.5696827,7.86732247 C12.7090487,8.27492644 12.8144651,8.70755223 12.8859348,9.16521282 L13.0038593,9.88387938 Z M20.3688408,2 C21.7596773,3.58751018 22.7025684,5.08561105 23.1975426,6.49434756 C23.6925167,7.90308407 23.9400001,9.26174358 23.9400001,10.5703668 C23.9400001,12.165028 23.6270666,13.5397768 23.0011902,14.6946548 C22.3753138,15.8495327 21.5919573,16.8989183 20.6510974,17.8428433 C19.8656839,18.6294475 18.9002943,19.4106767 17.7548995,20.1865544 C16.6095048,20.9624321 16.171807,21.2323763 16.4417929,20.9963951 L16,20.556614 C17.23539,19.5626324 18.0780606,18.7974926 18.5280371,18.2611716 C19.2070925,17.4459637 19.8288689,16.3054048 20.3933849,14.8394607 C20.8269986,13.723913 21.1337961,12.6030189 21.3137867,11.4767448 C21.4937773,10.3504707 21.5837713,9.2295766 21.5837713,8.1140289 C21.5837713,7.04138689 21.4569616,6.05993417 21.2033385,5.1696413 C20.9497154,4.27934843 20.4752019,3.33364991 19.7797836,2.33251736 L20.3688408,2 Z" id="(x)-copy" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/debug/styles/images/variables_on.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>variables_off</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="variables_off" sketch:type="MSArtboardGroup" fill="#FFFFFF">
+            <path d="M3.58240732,20.9963951 C2.42916084,19.6949228 1.54379163,18.3237493 0.926273126,16.8828335 C0.308754621,15.4419177 0,13.9456046 0,12.3938491 C0,9.92677251 0.936487526,7.67425807 2.80949067,5.63623824 C3.93819999,4.39912445 5.50446516,3.18705716 7.50833315,2 L7.94999981,2.42905466 C6.64953038,3.48739478 5.73757964,4.33655697 5.21412025,4.9765667 C4.69066085,5.61657644 4.13858305,6.67668839 3.55787029,8.15693437 C3.206171,9.05080271 2.91786371,10.0608588 2.69293975,11.1871329 C2.46801579,12.313407 2.3555555,13.5451391 2.3555555,14.8823662 C2.3555555,16.0908762 2.50073151,17.1313233 2.7910879,18.0037388 C3.08144428,18.8761543 3.53741965,19.7628584 4.15902768,20.6638777 L3.58240732,20.9963951 Z M13.0038593,9.88387938 C13.8186147,8.77548263 14.47434,7.99782883 14.9710549,7.55089466 C15.4677698,7.10396049 15.9519702,6.88049676 16.4236707,6.88049676 C16.9882818,6.88049676 17.3777862,7.07356942 17.5921955,7.45972055 C17.7065472,7.65994706 17.7637221,7.9030756 17.7637221,8.18911347 C17.7637221,8.48230229 17.6457988,8.75045877 17.4099485,8.99359096 C17.1740983,9.23672315 16.8882235,9.35828742 16.5523156,9.35828742 C16.3450533,9.35828742 16.1109933,9.27962818 15.8501286,9.12230735 C15.589264,8.96498653 15.3909384,8.88632729 15.2551458,8.88632729 C14.9907077,8.88632729 14.7387805,9.02219324 14.4993568,9.29392922 C14.2599331,9.5656652 13.8472013,10.1413078 13.2611492,11.0208742 L13.464837,12.0935109 C13.5720417,12.6441338 13.6613776,13.0964244 13.7328473,13.4503962 C13.8043171,13.8043681 13.8829327,14.131519 13.9686964,14.4318588 C14.083048,14.8466137 14.1973979,15.1469489 14.3117496,15.3328736 C14.4261012,15.5187982 14.5940526,15.6117591 14.8156089,15.6117591 C15.0157243,15.6117591 15.2587178,15.4651669 15.5445969,15.1719781 C15.7018304,15.0146572 15.9412505,14.7250482 16.2628645,14.3031424 L16.7131218,14.614207 C16.334332,15.2506413 15.8429847,15.8548872 15.2390652,16.4269629 C14.6351456,16.9990387 14.0437422,17.2850723 13.464837,17.2850723 C12.9788426,17.2850723 12.5786179,17.0848488 12.2641509,16.6843957 C12.0854765,16.4698673 11.9282454,16.1766829 11.7924528,15.8048337 C11.7209831,15.6117581 11.6227136,15.2703055 11.4976415,14.7804657 C11.3725694,14.2906258 11.2921671,13.9885029 11.2564322,13.8740877 L11.1063465,14.1315205 C10.3987958,15.3471815 9.88064773,16.1373492 9.55188679,16.5020475 C9.05874539,17.0455195 8.48699582,17.3172514 7.83662093,17.3172514 C7.46497813,17.3172514 7.14158228,17.190324 6.86642367,16.9364653 C6.59126506,16.6826067 6.45368782,16.3697575 6.45368782,15.9979083 C6.45368782,15.6904176 6.55553071,15.4061717 6.75921955,15.1451621 C6.96290839,14.8841526 7.24699646,14.7536498 7.61149228,14.7536498 C7.83304856,14.7536498 8.10641633,14.832309 8.43160377,14.9896298 C8.75679122,15.1469507 8.96941059,15.2256099 9.06946827,15.2256099 C9.29102455,15.2256099 9.48220331,15.1272858 9.64301029,14.9306348 C9.80381727,14.7339838 10.1200663,14.245939 10.5917667,13.4664858 L11.0205832,12.7585456 C10.9491134,12.4582058 10.8722846,12.0899376 10.7900943,11.6537298 C10.7079041,11.2175221 10.6239284,10.7705946 10.5381647,10.312934 L10.3666381,9.40119288 C10.2451395,8.74330578 10.052174,8.31067999 9.78773585,8.10330254 C9.63764934,7.98173644 9.39108233,7.92095431 9.04802744,7.92095431 C9.01229256,7.92095431 8.92653012,7.92631744 8.79073756,7.93704386 C8.654945,7.94777028 8.51915448,7.96028425 8.38336192,7.97458614 L8.38336192,7.38463598 C9.02658984,7.30597557 9.73234321,7.20586381 10.5006432,7.08429772 C11.2689432,6.96273163 11.7817311,6.87692155 12.0390223,6.82686492 C12.2534316,7.11290279 12.4303166,7.45971851 12.5696827,7.86732247 C12.7090487,8.27492644 12.8144651,8.70755223 12.8859348,9.16521282 L13.0038593,9.88387938 Z M20.3688408,2 C21.7596773,3.58751018 22.7025684,5.08561105 23.1975426,6.49434756 C23.6925167,7.90308407 23.9400001,9.26174358 23.9400001,10.5703668 C23.9400001,12.165028 23.6270666,13.5397768 23.0011902,14.6946548 C22.3753138,15.8495327 21.5919573,16.8989183 20.6510974,17.8428433 C19.8656839,18.6294475 18.9002943,19.4106767 17.7548995,20.1865544 C16.6095048,20.9624321 16.171807,21.2323763 16.4417929,20.9963951 L16,20.556614 C17.23539,19.5626324 18.0780606,18.7974926 18.5280371,18.2611716 C19.2070925,17.4459637 19.8288689,16.3054048 20.3933849,14.8394607 C20.8269986,13.723913 21.1337961,12.6030189 21.3137867,11.4767448 C21.4937773,10.3504707 21.5837713,9.2295766 21.5837713,8.1140289 C21.5837713,7.04138689 21.4569616,6.05993417 21.2033385,5.1696413 C20.9497154,4.27934843 20.4752019,3.33364991 19.7797836,2.33251736 L20.3688408,2 Z" id="(x)-copy" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/page_notes.js

@@ -0,0 +1,189 @@
+// use this to isolate the scope
+(function () {
+    if(!$axure.document.configuration.showPageNotes && !$axure.document.configuration.showAnnotationsSidebar) { return; }
+
+    $(window.document).ready(function () {
+        $axure.player.createPluginHost({
+            id: 'pageNotesHost',
+            context: 'interface',
+            title: 'NOTES',
+            gid: 2
+        });
+
+        generatePageNotes();
+
+        $(document).on('ContainerHeightChange', function () {
+            updateContainerHeight();
+        });
+
+        $('#footnotesButton').click(footnotes_click).addClass('sitemapToolbarButtonSelected');
+        $('#notesNextButton').click(notesNext_click);
+        $('#notesPreviousButton').click(notesPrevious_click);
+
+        // bind to the page load
+        $axure.page.bind('load.page_notes', function () {
+
+            var hasNotes = false;
+
+            $('#pageNotesContent').html("");
+
+            if($axure.document.configuration.showPageNotes) {
+                //populate the notes
+                var notes = $axure.page.notes;
+                if(notes) {
+                    var showNames = $axure.document.configuration.showPageNoteNames;
+
+                    for(var noteName in notes) {
+                        var pageNoteUi = "<div class='pageNoteContainer'>";
+                        if(showNames) {
+                            pageNoteUi += "<div class='pageNoteName'>" + noteName + "</div>";
+                        }
+                        pageNoteUi += "<div class='pageNote'>" + linkify(notes[noteName]) + "</div>";
+                        pageNoteUi += "</div>";
+                        pageNoteUi += "<div class='dottedDivider'></div>";
+                        $('#pageNotesContent').append(pageNoteUi);
+
+                        hasNotes = true;
+                    }
+                }
+            }
+
+            if($axure.document.configuration.showAnnotationsSidebar) {
+                var widgetNotes = $axure.page.widgetNotes;
+                if(widgetNotes) {
+                    for(var i = 0; i < widgetNotes.length; i++) {
+                        var widgetNote = widgetNotes[i];
+                        var widgetNoteUi = "<div class='widgetNoteContainer' data-id='" + widgetNote["id"] + "'>";
+                        widgetNoteUi += "<div class='widgetNoteFootnote'></div>";
+                        widgetNoteUi += "<div class='widgetNoteLabel'>" + widgetNote["label"] + "</div>";
+
+                        for(var widgetNoteName in widgetNote) {
+                            if(widgetNoteName != "label" && widgetNoteName != "id") {
+                                widgetNoteUi += "<div class='pageNoteName'>" + widgetNoteName + "</div>";
+                                widgetNoteUi += "<div class='pageNote'>" + linkify(widgetNote[widgetNoteName]) + "</div>";
+                                widgetNoteUi += "<div class='nondottedDivider'></div>";
+                            }
+                        }
+                        widgetNoteUi += "</div>";
+                        widgetNoteUi += "<div class='nondottedDivider'></div>";
+                        $('#pageNotesContent').append(widgetNoteUi);
+                        hasNotes = true;
+                    }
+                    $('.widgetNoteContainer').children(':last-child').remove();
+                    $('.widgetNoteFootnote').append("<div class='annnoteline'></div><div class='annnoteline'></div><div class='annnoteline'></div>");
+                    $('.widgetNoteContainer').click(function () {
+                        var wasSelected = $(this).hasClass('widgetNoteContainerSelected');
+                        $('.widgetNoteContainerSelected').removeClass('widgetNoteContainerSelected');
+                        if(!wasSelected) $(this).addClass('widgetNoteContainerSelected');
+                        $axure.messageCenter.postMessage('toggleSelectWidgetNote', this.getAttribute('data-id'));
+                    });
+                }
+            }
+
+            if(hasNotes) $('#pageNotesEmptyState').hide();
+            else $('#pageNotesEmptyState').show();
+
+            //If footnotes enabled for this prototype...
+            if($axure.document.configuration.showAnnotations == true) {
+                //If the fn var is defined and set to 0, hide footnotes
+                //else if hide-footnotes button selected, hide them
+                var fnVal = getHashStringVar(FOOTNOTES_VAR_NAME);
+                if(fnVal.length > 0 && fnVal == 0) {
+                    $('#footnotesButton').removeClass('sitemapToolbarButtonSelected');
+                    $axure.messageCenter.postMessage('annotationToggle', false);
+                } else if(!$('#footnotesButton').is('.sitemapToolbarButtonSelected')) {
+                    //If the footnotes button isn't selected, hide them on this loaded page
+                    $axure.messageCenter.postMessage('annotationToggle', false);
+                }
+            }
+
+            
+            return false;
+        });
+
+        function linkify(text) {
+            var urlRegex = /(\b(((https?|ftp|file):\/\/)|(www\.))[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
+            return text.replace(urlRegex, function(url, b, c) {
+                var url2 = (c == 'www.') ? 'http://' + url : url;
+                return '<a href="' + url2 + '" target="_blank" class="noteLink">' + url + '</a>';
+            });
+        }
+    });
+
+    function updateContainerHeight() {
+        $('#pageNotesScrollContainer').height($('#pageNotesHost').height() - $('#pageNotesHeader').outerHeight());
+    }
+
+    $(document).on('sidebarCollapse', function (event, data) {
+        clearSelection();
+    });
+
+    $(document).on('pluginShown', function (event, data) {
+        if(data != 2) {
+            clearSelection();
+        }
+    });
+
+    function clearSelection() {
+        $('.widgetNoteContainerSelected').removeClass('widgetNoteContainerSelected');
+        $axure.messageCenter.postMessage('toggleSelectWidgetNote', '');
+    }
+
+    function footnotes_click(event) {
+        if($('#footnotesButton').is('.sitemapToolbarButtonSelected')) {
+            $('#footnotesButton').removeClass('sitemapToolbarButtonSelected');
+            $axure.messageCenter.postMessage('annotationToggle', false);
+            //Add 'fn' hash string var so that footnotes stay hidden across reloads
+            setVarInCurrentUrlHash(FOOTNOTES_VAR_NAME, 0);
+        } else {
+            $('#footnotesButton').addClass('sitemapToolbarButtonSelected');
+            $axure.messageCenter.postMessage('annotationToggle', true);
+            //Delete 'fn' hash string var if it exists since default is visible
+            deleteVarFromCurrentUrlHash(FOOTNOTES_VAR_NAME);
+        }
+    }
+
+    function notesNext_click(event) {
+        openNextPage();
+    }
+
+    function notesPrevious_click(event) {
+        openPreviousPage();
+    }
+
+    function generatePageNotes() {
+        var pageNotesUi = "<div id='pageNotesHeader'' class='sitemapHeader'>";
+
+        pageNotesUi += "<div id='pageNotesToolbar' class='sitemapToolbar'>";
+        pageNotesUi += "<div class='pluginNameHeader'>NOTES</div>";
+        pageNotesUi += "<div class='pageNameHeader'></div>";
+
+        pageNotesUi += "<div class='pageButtonHeader'>";
+
+        pageNotesUi += "<a id='notesPreviousButton' title='Previous Page' class='sitemapToolbarButton prevPageButton'></a>";
+        pageNotesUi += "<a id='notesNextButton' title='Next Page' class='sitemapToolbarButton nextPageButton'></a>";
+        
+        if($axure.document.configuration.showAnnotations == true) {
+            pageNotesUi += "<a id='footnotesButton' title='Toggle Footnotes' class='sitemapToolbarButton'></a>";
+        }
+
+        pageNotesUi += "</div>";
+        pageNotesUi += "</div>";
+        pageNotesUi += "</div>";
+
+
+        pageNotesUi += "<div id='pageNotesScrollContainer'>";
+        pageNotesUi += "<div id='pageNotesContainer'>";
+        pageNotesUi += "<div id='pageNotesEmptyState' class='emptyStateContainer'><div class='emptyStateTitle'>No notes for this page.</div><div class='emptyStateContent'>Notes added in Axure RP will appear here.</div><div class='dottedDivider'></div></div>";
+        pageNotesUi += "<span id='pageNotesContent'></span>";
+        pageNotesUi += "</div></div>";
+
+        $('#pageNotesHost').html(pageNotesUi);
+        updateContainerHeight();
+
+        if(!$axure.document.configuration.showAnnotations) {
+            $('#pageNotesHost .pageNameHeader').css('padding-right', '55px');
+        }
+    }
+
+})();   

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/back.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>back</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="back" sketch:type="MSArtboardGroup" fill="#4A4A4A">
+            <path d="M2.05455283,7.19050037 L6.95392196,1.7467569 C7.27096861,1.39448283 7.24241116,0.85189118 6.89013709,0.534844521 C6.53786303,0.217797863 5.99527138,0.246355318 5.67822472,0.598629383 L0.357495052,6.51055123 C0.320312757,6.53732245 0.284790616,6.56743203 0.251342669,6.60087998 C-0.0837808905,6.93600354 -0.0837808895,7.47934618 0.251342671,7.81446974 L5.91476158,13.4778886 C6.24988515,13.8130122 6.79322779,13.8130122 7.12835135,13.4778886 C7.46347491,13.1427651 7.46347491,12.5994224 7.12835135,12.2642989 L2.05455283,7.19050037 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/back_hover.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>back_hover</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="back_hover" sketch:type="MSArtboardGroup" fill="#138CDE">
+            <path d="M2.05455283,7.19050037 L6.95392196,1.7467569 C7.27096861,1.39448283 7.24241116,0.85189118 6.89013709,0.534844521 C6.53786303,0.217797863 5.99527138,0.246355318 5.67822472,0.598629383 L0.357495052,6.51055123 C0.320312757,6.53732245 0.284790616,6.56743203 0.251342669,6.60087998 C-0.0837808905,6.93600354 -0.0837808895,7.47934618 0.251342671,7.81446974 L5.91476158,13.4778886 C6.24988515,13.8130122 6.79322779,13.8130122 7.12835135,13.4778886 C7.46347491,13.1427651 7.46347491,12.5994224 7.12835135,12.2642989 L2.05455283,7.19050037 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/footnotes.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>note</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="note" sketch:type="MSArtboardGroup">
+            <rect id="Rectangle-40" fill="#4A4A4A" sketch:type="MSShapeGroup" x="0" y="0" width="13" height="13"></rect>
+            <path d="M2.81818182,4 L10.1818182,4 L11,4 L11,3 L10.1818182,3 L2.81818182,3 L2,3 L2,4 L2.81818182,4 L2.81818182,4 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M2.81818182,7 L10.1818182,7 L11,7 L11,6 L10.1818182,6 L2.81818182,6 L2,6 L2,7 L2.81818182,7 L2.81818182,7 Z" id="Shape-Copy" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M2.81818182,10 L10.1818182,10 L11,10 L11,9 L10.1818182,9 L2.81818182,9 L2,9 L2,10 L2.81818182,10 L2.81818182,10 Z" id="Shape-Copy-2" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/footnotes_hover.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>note_hover</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="note_hover" sketch:type="MSArtboardGroup">
+            <rect id="Rectangle-40" fill="#138CDE" sketch:type="MSShapeGroup" x="0" y="0" width="13" height="13"></rect>
+            <path d="M2.81818182,4 L10.1818182,4 L11,4 L11,3 L10.1818182,3 L2.81818182,3 L2,3 L2,4 L2.81818182,4 L2.81818182,4 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M2.81818182,7 L10.1818182,7 L11,7 L11,6 L10.1818182,6 L2.81818182,6 L2,6 L2,7 L2.81818182,7 L2.81818182,7 Z" id="Shape-Copy" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M2.81818182,10 L10.1818182,10 L11,10 L11,9 L10.1818182,9 L2.81818182,9 L2,9 L2,10 L2.81818182,10 L2.81818182,10 Z" id="Shape-Copy-2" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/footnotes_on.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>note_on</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="note_on" sketch:type="MSArtboardGroup">
+            <rect id="Rectangle-40" fill="#138CDE" sketch:type="MSShapeGroup" x="0" y="0" width="13" height="13"></rect>
+            <path d="M2.81818182,4 L10.1818182,4 L11,4 L11,3 L10.1818182,3 L2.81818182,3 L2,3 L2,4 L2.81818182,4 L2.81818182,4 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M2.81818182,7 L10.1818182,7 L11,7 L11,6 L10.1818182,6 L2.81818182,6 L2,6 L2,7 L2.81818182,7 L2.81818182,7 Z" id="Shape-Copy" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M2.81818182,10 L10.1818182,10 L11,10 L11,9 L10.1818182,9 L2.81818182,9 L2,9 L2,10 L2.81818182,10 L2.81818182,10 Z" id="Shape-Copy-2" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/forward.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>forward</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="forward" sketch:type="MSArtboardGroup" fill="#4A4A4A">
+            <path d="M5.36658239,6.83451096 L0.504510351,1.43220869 C0.187463692,1.07993462 0.216021147,0.537342972 0.568295213,0.220296313 C0.920569278,-0.0967503457 1.46316093,-0.0681928903 1.78020759,0.284081175 L7.13813599,6.23733496 C7.24341927,6.35431637 7.31059146,6.49228484 7.34045407,6.63601181 C7.43282137,6.93106571 7.36212046,7.26615242 7.12835135,7.49992153 L1.46493243,13.1633404 C1.12980887,13.498464 0.586466228,13.498464 0.251342669,13.1633404 C-0.0837808905,12.8282169 -0.0837808895,12.2848742 0.251342671,11.9497507 L5.36658239,6.83451096 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/forward_hover.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>forward_hover</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="forward_hover" sketch:type="MSArtboardGroup" fill="#138CDE">
+            <path d="M5.36658239,6.83451096 L0.504510351,1.43220869 C0.187463692,1.07993462 0.216021147,0.537342972 0.568295213,0.220296313 C0.920569278,-0.0967503457 1.46316093,-0.0681928903 1.78020759,0.284081175 L7.13813599,6.23733496 C7.24341927,6.35431637 7.31059146,6.49228484 7.34045407,6.63601181 C7.43282137,6.93106571 7.36212046,7.26615242 7.12835135,7.49992153 L1.46493243,13.1633404 C1.12980887,13.498464 0.586466228,13.498464 0.251342669,13.1633404 C-0.0837808905,12.8282169 -0.0837808895,12.2848742 0.251342671,11.9497507 L5.36658239,6.83451096 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/notes_hover.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="25" height="29" viewBox="0 0 25 29" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g id="Page-1" fill="none" fill-rule="evenodd">
+  <g id="notes_hover" fill="#c2c2c2">
+   <path d="M23.0173953,0 C24.1123577,0 25,0.894046985 25,1.98073526 L25,26.8366451 C25,27.930575 24.1102368,28.8173804 23.0173953,28.8173804 L1.98260467,28.8173804 C0.887642344,28.8173804 0,27.9233334 0,26.8366451 L0,1.98073526 C0,0.886805381 0.889763236,0 1.98260467,0 L23.0173953,0 Z M3,3 L22,3 L22,26 L3,26 L3,3 Z" id="Path"/>
+   <path d="M19,23 L19,21 L5,21 L5,23 L19,23 Z M19,18 L19,16 L5,16 L5,18 L19,18 Z M6.0989011,13 L11.9010989,13 L13,13 L13,11 L11.9010989,11 L6.0989011,11 L5,11 L5,13 L6.0989011,13 L6.0989011,13 Z M11.9010989,8.06681692 L13,8.06681692 L13,6.06681692 L11.9010989,6.06681692 L6.0989011,6.06681692 L5,6.06681692 L5,8.06681692 L6.0989011,8.06681692 L11.9010989,8.06681692 Z M15,6 L19,6 L19,13 L15,13 L15,6 Z" id="Notes-Icon"/>
+  </g>
+ </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/notes_off.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="25" height="29" viewBox="0 0 25 29" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g id="Page-1" fill="none" fill-rule="evenodd">
+  <g id="notes_off" fill="#62666b">
+   <path d="M23.0173953,0 C24.1123577,0 25,0.894046985 25,1.98073526 L25,26.8366451 C25,27.930575 24.1102368,28.8173804 23.0173953,28.8173804 L1.98260467,28.8173804 C0.887642344,28.8173804 0,27.9233334 0,26.8366451 L0,1.98073526 C0,0.886805381 0.889763236,0 1.98260467,0 L23.0173953,0 Z M3,3 L22,3 L22,26 L3,26 L3,3 Z" id="Path"/>
+   <path d="M19,23 L19,21 L5,21 L5,23 L19,23 Z M19,18 L19,16 L5,16 L5,18 L19,18 Z M6.0989011,13 L11.9010989,13 L13,13 L13,11 L11.9010989,11 L6.0989011,11 L5,11 L5,13 L6.0989011,13 L6.0989011,13 Z M11.9010989,8.06681692 L13,8.06681692 L13,6.06681692 L11.9010989,6.06681692 L6.0989011,6.06681692 L5,6.06681692 L5,8.06681692 L6.0989011,8.06681692 L11.9010989,8.06681692 Z M15,6 L19,6 L19,13 L15,13 L15,6 Z" id="Notes-Icon"/>
+  </g>
+ </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/images/notes_on.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="25" height="29" viewBox="0 0 25 29" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g id="Page-1" fill="none" fill-rule="evenodd">
+  <g id="notes_on" fill="#ffffff">
+   <path d="M23.0173953,0 C24.1123577,0 25,0.894046985 25,1.98073526 L25,26.8366451 C25,27.930575 24.1102368,28.8173804 23.0173953,28.8173804 L1.98260467,28.8173804 C0.887642344,28.8173804 0,27.9233334 0,26.8366451 L0,1.98073526 C0,0.886805381 0.889763236,0 1.98260467,0 L23.0173953,0 Z M3,3 L22,3 L22,26 L3,26 L3,3 Z" id="Path"/>
+   <path d="M19,23 L19,21 L5,21 L5,23 L19,23 Z M19,18 L19,16 L5,16 L5,18 L19,18 Z M6.0989011,13 L11.9010989,13 L13,13 L13,11 L11.9010989,11 L6.0989011,11 L5,11 L5,13 L6.0989011,13 L6.0989011,13 Z M11.9010989,8.06681692 L13,8.06681692 L13,6.06681692 L11.9010989,6.06681692 L6.0989011,6.06681692 L5,6.06681692 L5,8.06681692 L6.0989011,8.06681692 L11.9010989,8.06681692 Z M15,6 L19,6 L19,13 L15,13 L15,6 Z" id="Notes-Icon"/>
+  </g>
+ </g>
+</svg>

codes/agent/game-docker/api/document/plugins/page_notes/styles/page_notes.css

@@ -0,0 +1,159 @@
+#pageNotesHost {
+    font-size: 12px;
+    color:#4a4a4a;
+    height: 100%;
+}
+
+#pageNotesHostBtn a {
+    background: url('images/notes_on.png');
+    background: url('images/notes_on.svg'),linear-gradient(transparent, transparent);
+}
+
+.hashover #pageNotesHostBtn a:hover {
+    background: url('images/notes_hover.png');
+    background: url('images/notes_hover.svg'),linear-gradient(transparent, transparent);
+}
+
+#pageNotesHostBtn a.selected, #pageNotesHostBtn a.selected:hover {
+    background: url('images/notes_off.png');
+    background: url('images/notes_off.svg'),linear-gradient(transparent, transparent);
+}
+
+#footnotesButton {
+    background: url('images/footnotes.png') no-repeat center center;
+    background: url('images/footnotes.svg') no-repeat center center,linear-gradient(transparent, transparent);
+}
+
+#footnotesButton:hover {
+    background: url('images/footnotes_hover.png') no-repeat center center;
+    background: url('images/footnotes_hover.svg') no-repeat center center,linear-gradient(transparent, transparent);
+}
+
+#footnotesButton.sitemapToolbarButtonSelected, #footnotesButton.sitemapToolbarButtonSelected:hover {
+    background: url('images/footnotes_on.png') no-repeat center center;
+    background: url('images/footnotes_on.svg') no-repeat center center,linear-gradient(transparent, transparent);
+}
+
+.nextPageButton {
+    background: url('images/forward.png') no-repeat center center;
+    background: url('images/forward.svg') no-repeat center center,linear-gradient(transparent, transparent);    
+}
+
+.nextPageButton:hover {
+    background: url('images/forward_hover.png') no-repeat center center;
+    background: url('images/forward_hover.svg') no-repeat center center,linear-gradient(transparent, transparent);    
+}
+
+.prevPageButton {
+    background: url('images/back.png') no-repeat center center;
+    background: url('images/back.svg') no-repeat center center,linear-gradient(transparent, transparent);    
+}
+
+.prevPageButton:hover {
+    background: url('images/back_hover.png') no-repeat center center;
+    background: url('images/back_hover.svg') no-repeat center center,linear-gradient(transparent, transparent);    
+}
+
+#pageNotesScrollContainer 
+{
+    overflow: auto;
+    width: 100%;
+    /*height: 100%;*/
+    -webkit-overflow-scrolling: touch;
+}    
+
+#pageNotesContainer 
+{
+    /*padding: 10px 10px 10px 12px;*/
+}
+
+#pageNotesContent 
+{
+	overflow: visible;
+}
+
+.pageNoteContainer 
+{
+    padding: 10px;
+}
+
+.pageNoteName 
+{
+    font-family: 'Trebuchet MS';
+	font-size: 14px;
+    font-weight: bold;
+	margin-bottom: 5px;
+	/*text-decoration: underline;*/
+	white-space: nowrap;
+}
+
+.pageNote 
+{
+    line-height: 21px;
+	/*margin-bottom: 20px;*/
+}
+
+.widgetNoteContainer {
+    padding: 10px;
+    border-bottom: 1px solid transparent;
+    border-top: 1px solid transparent;
+    cursor: pointer;
+}
+
+.widgetNoteContainerSelected {
+    background-color: white;
+    border-bottom: 1px solid #c2c2c2;
+    border-top: 1px solid #c2c2c2;
+}
+
+/*.widgetNoteContainer:hover {
+    background-color: white;
+    //border-bottom: 1px solid #c2c2c2;
+    //border-top: 1px solid #c2c2c2;
+}*/
+
+.widgetNoteFootnote {
+    display: inline-block;
+    /*vertical-align: top;
+    margin: 2px 5px 10px 0px;
+    padding: 1px 6px;
+    font-size: 10px;
+    color: #ffffff;
+    background-color: #0a6cd6;*/
+    width: 13px;
+    height: 12px;
+    padding-top: 1px;
+    text-align: center;
+    background-color: #138CDD;
+    /*-moz-box-shadow: 1px 1px 3px #aaa;
+    -webkit-box-shadow: 1px 1px 3px #aaa;
+    box-shadow: 1px 1px 3px #aaa;*/
+    font-size: 0px;
+    margin-right: 8px;
+}
+
+div.annnoteline {
+    display: inline-block;
+    width: 9px;
+    height: 1px;
+    border-bottom: 1px solid white;
+    margin-top: 1px;
+}
+
+.widgetNoteLabel {
+    display: inline-block;
+    vertical-align: top;
+    font-family: 'Trebuchet MS';
+	font-size: 14px;
+    font-weight: bold;
+	margin-bottom: 5px;    
+}
+
+.noteLink {
+    text-decoration: inherit;
+    color: inherit;
+}
+
+.noteLink:hover {
+    background-color: white;
+}

codes/agent/game-docker/api/document/plugins/recordplay/recordplay.js

@@ -0,0 +1,479 @@
+// use this to isolate the scope
+(function() {
+
+        if(!$axure.document.configuration.showRecordPlay) { return; }
+
+    $(window.document).ready(function() {
+        $axure.player.createPluginHost({
+            id: 'recordPlayHost',
+            context: 'interface',
+            title: 'Recording'
+        });
+        _generateRecordPlay();
+
+        $('#recordButton').click(_recordClick);
+        $('#playButton').click(_playClick);
+        $('#stopButton').click(_stopClick);
+        $('#deleteButton').click(_deleteClick);
+
+        // bind to the page load
+
+        $axure.page.bind('load.page_notes', function() {
+            
+            $.ajax({
+                type: "POST",
+                url: '/RecordController/ListRecordings',
+                success: function(response) {
+
+                    $('#recordNameHeader').html("");
+                    $('#recordPlayContent').html("");
+                    //populate the notes 
+                    
+                    axRecordingList = [];
+
+                    if(!eventList) {
+                        recordingIndex = 0;
+                        eventList = [];
+                        recordingStartTime = 0;
+                        bulkEventElement = "";
+                        lastBulkEvent = {};
+                    }
+
+                    for(var idx in response.recordingList) {
+                        getOneRecording(response.recordingList[idx]);
+                    }
+
+                    return false;
+                },
+                //                dataType: 'json'
+            });
+        });
+    });
+    
+    var nameMatcher = new RegExp("^axRecording[0-9]{4}$", "i");
+    var indexMatcher = new RegExp("[0-9]{4}$", "i");
+
+    var convertFromJson = function(oneRecording) {
+        
+        if(nameMatcher.exec(oneRecording.recordingName)) {
+            var myArray = indexMatcher.exec(oneRecording.recordingName);
+            var currIdx = parseInt(myArray);
+            if(recordingIndex < currIdx) {
+                recordingIndex = currIdx;
+            }
+        }
+        
+
+        for(var idx in oneRecording.eventList) {
+            var thisEvent = oneRecording.eventList[idx];
+                thisEvent.eventInfo = {};
+                            thisEvent.eventInfo.srcElement = thisEvent.elementID;
+                // TODO: check that this is correct.
+
+            if(isBulkMouse(thisEvent.eventType)) {
+                thisEvent.eventInfo.mousePositions = [];
+                thisEvent.eventInfo.mousePositions = thisEvent.mousePositions;
+                thisEvent.timeStamp = thisEvent.mousePositions[0].timeStamp;
+            }
+            if(isSingleMouse(thisEvent.eventType)) {
+                thisEvent.eventInfo.cursor = {};
+                thisEvent.eventInfo.cursor = thisEvent.cursor;
+                
+            }
+            if(thisEvent.eventType === 'OnDrag') {
+                thisEvent.eventInfo.dragInfo = {};
+                thisEvent.eventInfo.dragInfo = thisEvent.dragInfo;
+                thisEvent.timeStamp = thisEvent.dragInfo.startTime;
+            }
+
+        }
+        return oneRecording;
+    };
+
+    var getOneRecording = function(recordingItem) {
+        $.ajax({
+                type: "POST",
+                url: '/RecordController/GetRecording',
+                data: { 'recordingId': recordingItem.recordingId },
+            success: function(response) {
+                        axRecordingList[axRecordingList.length] = convertFromJson(response);
+                        var axRecordingContainer = $('#recordingContainer').find('li').filter('.recordingRootNode');
+                        axRecordingContainer.append(_formAxRecordingBranch(response));
+                        _attachEventTriggers(response);     
+            },                //                dataType: 'json'
+        });
+
+    };
+    
+    var axRecordingList;
+    var eventList;
+    var recordingIndex;
+    var recordingStartTime;
+    var recordingId;
+    var recordingName;
+
+
+    var leadingZeros = function(number, digits) { // because this thing doesn't have string.format (or does it?)
+        var recurseLeadingZeros = function(number, digitsLeft) {
+            if(digitsLeft > 0) {
+                return recurseLeadingZeros("0" + number, digitsLeft - 1);
+            } else {
+                return number;
+            }
+        };
+        return recurseLeadingZeros(number, digits - String(number).length);
+    };
+    
+
+    var generateRecordingName = function() {
+        return "axRecording" + leadingZeros(recordingIndex, 4);
+    };
+
+    var isSingleMouse = function(eventType) {
+        return (eventType === 'OnClick' ||
+            eventType === 'OnMouseUp' ||
+            eventType === 'OnMouseDown' ||
+            eventType === 'OnMouseOver' ||
+            eventType === 'OnKeyUp' ||
+            eventType === 'OnSelectedChange' ||
+            eventType === 'OnSelect' ||
+            eventType === 'OnUnselect' ||
+            eventType === 'OnTextChange' ||
+            eventType === 'OnMouseOut');
+    };
+
+    var isBulkMouse = function(eventType) {
+        return (eventType === 'OnMouseHover' ||
+            eventType === 'OnMouseMove');
+    };
+
+    var bulkEventElement;
+    var lastBulkEvent;
+
+
+    $axure.messageCenter.addMessageListener(function(message, eventData) {
+        var lastEvent, lastBulkData;
+        
+        if(message === 'logEvent') {
+            
+            if(bulkEventElement !== eventData.elementID) {
+                lastBulkEvent = {};
+                bulkEventElement = eventData.elementID;
+            }
+            
+            if(isBulkMouse(eventData.eventType)) {
+                lastEvent = lastBulkEvent[eventData.eventType];
+
+                if(lastEvent) {
+                    // this is the second or third or whatever onmousemove in a row
+                    lastBulkData = lastEvent.eventInfo.mousePositions;
+                    lastBulkData[lastBulkData.length] = {
+                        cursor: eventData.eventInfo.cursor,
+                        timeStamp: eventData.timeStamp
+                    };
+                } else {
+
+                    eventData.eventInfo.mousePositions = [];
+                    eventData.eventInfo.mousePositions[0] = {
+                        cursor: eventData.eventInfo.cursor,
+                        timeStamp: eventData.timeStamp
+                    };
+                    eventList[eventList.length] = eventData;
+                    lastBulkEvent[eventData.eventType] = eventData;
+                }
+            } else {
+                var z = true;
+            }
+            
+            if(isSingleMouse(eventData.eventType) ) {
+                eventList[eventList.length] = eventData;
+                lastBulkEvent = {};
+                bulkEventElement = eventData.elementID;
+            }
+
+            if(eventData.eventType === 'OnDrag') {
+
+                lastEvent = lastBulkEvent[eventData.eventType];
+                
+                if (lastEvent) {
+                    // this is the second or third or whatever onmousemove in a row
+                    lastBulkData = lastEvent.eventInfo.mousePositions;
+                    lastBulkData[lastBulkData.length] = {
+                        dragInfo: eventData.eventInfo.dragInfo,
+                        timeStamp: eventData.timeStamp
+                    };
+                } else {
+                    eventData.eventInfo.mousePositions = [];
+                    eventData.eventInfo.mousePositions[0] = {
+                        dragInfo: eventData.eventInfo.dragInfo,
+                        timeStamp: eventData.timeStamp
+                    };
+                    eventList[eventList.length] = eventData;
+                    lastBulkEvent[eventData.eventType] = eventData;
+                }
+            }
+//            if(eventData.eventType === 'OnKeyUp') {
+//                transmissionFields.eventInfo = eventData.eventInfo;
+//                $.ajax({
+//                    type: "POST",
+//                    url: '/RecordController/LogMouseClick',
+//                    data: transmissionFields,
+//                });
+//            }            
+        }
+
+    });
+    
+    
+    var _recordClick = function(event) {
+        $('#recordButton').addClass('recordPlayButtonSelected');
+        recordingIndex++;
+        //        $axure.recording.startRecord();
+
+        recordingStartTime = new Date().getTime();
+
+        $.ajax({
+            type: "POST",
+            url: '/RecordController/CreateRecording',
+            data: {
+                'recordingName': generateRecordingName(),
+                timeStamp: recordingStartTime
+            },
+            success: function(response) {
+                recordingId = response.recordingId;
+                recordingName = response.recordingName;
+        $axure.messageCenter.postMessage('startRecording', {'recordingId' : recordingId, 'recordingName': recordingName});
+            },
+            //                dataType: 'json'
+        });
+        
+    };
+
+    var _playClick = function(event) {
+        $('#playButton').addClass('recordPlayButtonSelected');
+    };
+
+    var _stopClick = function(event) {
+        var axRecording, axObjectDictionary, axRecordingContainer, transmissionFields;
+        $('#sitemapLinksContainer').toggle();
+        if($('#recordButton').is('.recordPlayButtonSelected')) {
+            $('#recordButton').removeClass('recordPlayButtonSelected');
+            //            $axure.recording.stopRecord();
+
+            axRecording = {
+                'recordingId' : recordingId,
+                'recordingName': recordingName,
+                'eventList': eventList
+            };
+            
+            axRecordingList[axRecordingList.length] = axRecording;
+            axRecordingContainer = $('#recordingContainer').find('li').filter('.recordingRootNode');
+            axRecordingContainer.append(_formAxRecordingBranch(axRecording));
+            _attachEventTriggers(axRecording);
+
+            lastBulkEvent = {};
+
+            var recordingStepList = [];
+
+            for(var eventListIdx in eventList) {
+                var eventListItem = eventList[eventListIdx];
+
+                if(eventListItem.eventType === 'OnDrag') {
+                    var lastDrag = eventListItem.eventInfo.mousePositions[eventListItem.eventInfo.mousePositions.length - 1].dragInfo;
+                    eventListItem.eventInfo.dragInfo.currentX = lastDrag.currentX;
+                    eventListItem.eventInfo.dragInfo.currentY = lastDrag.currentY;
+                    eventListItem.eventInfo.dragInfo.currentTime = lastDrag.currentTime;
+                    eventListItem.eventInfo.dragInfo.xDelta = eventListItem.eventInfo.dragInfo.currentX - eventListItem.eventInfo.dragInfo.lastX;
+                    eventListItem.eventInfo.dragInfo.yDelta = eventListItem.eventInfo.dragInfo.currentY - eventListItem.eventInfo.dragInfo.lastY;
+                    transmissionFields = {};
+                    transmissionFields = tackItOn(transmissionFields, eventListItem, ['eventType', 'elementID', 'path']);
+                    transmissionFields = tackItOn(transmissionFields, eventListItem.eventInfo, ['dragInfo']);
+                    transmissionFields.recordingId = recordingId;
+                }
+
+                if(isSingleMouse(eventListItem.eventType)) {
+                    transmissionFields = {};
+                    transmissionFields = tackItOn(transmissionFields, eventListItem, ['timeStamp', 'eventType', 'elementID', 'path']);
+                    transmissionFields = tackItOn(transmissionFields, eventListItem.eventInfo, ['cursor']);
+                    transmissionFields.recordingId = recordingId;
+                }
+
+                if(isBulkMouse(eventListItem.eventType)) {
+                    transmissionFields = {};
+                    transmissionFields = tackItOn(transmissionFields, eventListItem, ['eventType', 'elementID', 'path']);
+                    transmissionFields = tackItOn(transmissionFields, eventListItem.eventInfo, ['mousePositions']);
+                    transmissionFields.recordingId = recordingId;
+                }
+                recordingStepList[recordingStepList.length] = transmissionFields;
+            }
+
+            eventList = [];
+            $axure.messageCenter.postMessage('stopRecording', axObjectDictionary);
+
+            var jsonText = {
+                'recordingName': recordingName,
+                'recordingId': recordingId,
+                recordingStart: new Date().getTime(),
+                recordingEnd: recordingStartTime,
+                'eventList': recordingStepList
+            };
+
+            $.ajax({
+                type: "POST",
+                url: '/RecordController/StopRecording',
+                data: { 'jsonText': JSON.stringify(jsonText) }
+                
+            });
+
+        }
+
+        if($('#playButton').is('.recordPlayButtonSelected')) {
+            $('#playButton').removeClass('recordPlayButtonSelected');
+        }
+    };
+    
+    var _deleteClick = function(event) {
+        $.ajax({
+                type: "POST",
+                url: '/RecordController/DeleteRecordings',
+            success: function(response) {
+                var x = true;
+            },                //                dataType: 'json'
+        });
+    };
+
+    var tackItOn = function(destination, source, fields) {
+
+        for(var idx in fields) {
+            destination[fields[idx]] = source[fields[idx]];
+        }
+        return destination;
+    };
+
+    var makeFirstLetterLower = function(eventName) {
+        return eventName.substr(0, 1).toLowerCase() + eventName.substr(1);
+    };
+
+    var _attachEventTriggers = function(axRecording) {
+        for(var eventIdx in axRecording.eventList) {
+            var eventObject = axRecording.eventList[eventIdx];
+            var eventID = axRecording['recordingId'] + '_' + eventObject.timeStamp;
+            currentEvent = eventID;
+            $('#' + eventID).click(_triggerEvent(axRecording['recordingId'], eventObject.timeStamp));
+            //            $('#' + eventID).click(event.trigger);
+        }
+    };
+
+    var _formAxRecordingBranch = function(axRecording) {
+        var eventObject, eventID, RDOID;
+        var recordPlayUi = '<ul class="recordingTree">';
+        recordPlayUi += "<li class='recordingNode recordingExpandableNode'>";
+        recordPlayUi += '<div class="recordingContainer" style="margin-left:15px">';
+        recordPlayUi += '<a class="recordingPlusMinusLink"><span class="recordingMinus"></span></a>';
+        recordPlayUi += '<a class="recordingPageLink" nodeurl="home.html">';
+        recordPlayUi += '<span class="recordingPageIcon"></span>';
+        recordPlayUi += '<span class="recordingPageName">' + axRecording['recordingName'] + '</span>';
+        recordPlayUi += '</a>';
+
+        recordPlayUi += '<ul>';
+
+        for(eventID in axRecording.eventList) {
+
+            eventObject = axRecording.eventList[eventID];
+
+            recordPlayUi += '<li class="recordingNode recordingLeafNode">';
+            recordPlayUi += '<div class="recordingEventContainer" style="margin-left:44px">';
+            var eventID = axRecording['recordingId'] + '_' + eventObject.timeStamp;
+            recordPlayUi += '<a id="' + eventID + '" class="sitemapPageLink">';
+            recordPlayUi += 'Event ID: ' + eventID + '<br/>';
+
+            recordPlayUi += '<span class="sitemapPageIcon"></span>';
+            recordPlayUi += '<span class="sitemapPageName">';
+
+            recordPlayUi += 'elementID: ' + eventObject.elementID + '<br/>';
+            recordPlayUi += 'eventType: ' + eventObject.eventType + '<br/>';
+//            recordPlayUi += 'cursor: ' + eventObject.eventInfo.cursor.x + ',' + eventObject.eventInfo.cursor.y + '<br/>';
+
+            for(RDOID in eventObject.path) {
+                recordPlayUi += '/' + eventObject.path[RDOID];
+            }
+            recordPlayUi += '<br/>';
+            recordPlayUi += '</span>';
+            recordPlayUi += '</a>';
+            recordPlayUi += '</div>';
+            recordPlayUi += '</li>';
+        }
+
+        recordPlayUi += '</ul>';
+
+        recordPlayUi += '</div>';
+
+        recordPlayUi += "</li>";
+        recordPlayUi += "</ul>";
+
+        return recordPlayUi;
+    };
+
+    var currentEvent = '';
+
+    var _triggerEvent = function(axRecording, timeStamp) {
+        //            $axure.messageCenter.postMessage('triggerEvent', false);
+
+
+        for(var axRecordingIdx in axRecordingList) {
+            if(axRecordingList[axRecordingIdx].recordingId === axRecording) {
+                for(var eventIdx in axRecordingList[axRecordingIdx].eventList) {
+                    if(axRecordingList[axRecordingIdx].eventList[eventIdx].timeStamp === timeStamp) {
+
+                        var thisEvent = axRecordingList[axRecordingIdx].eventList[eventIdx];
+                        //                            thisEvent.trigger();
+
+                        var thisEventInfo, lowerEventType;
+                        lowerEventType = thisEvent.eventType.toLowerCase();
+                        if(lowerEventType === 'onclick' || lowerEventType === 'onmousein') {
+                            thisEventInfo = {};
+                            thisEventInfo = tackItOn(thisEventInfo, thisEvent.eventInfo, ['cursor', 'timeStamp', 'srcElement']);
+                            if(thisEvent.eventInfo.inputType) {
+                                thisEventInfo = tackItOn(thisEventInfo, thisEvent.eventInfo, ['inputType', 'inputValue']);
+                            }
+                        } else {
+                            thisEventInfo = thisEvent.eventInfo;
+                        }
+
+                        var thisParameters = {
+                            'element': thisEvent.elementID,
+                            'eventInfo': thisEventInfo,
+                            //                            'axEventObject': thisEvent.eventObject,
+                            'eventType': thisEvent.eventType
+                        };
+
+                        return function() {
+                            $axure.messageCenter.postMessage('playEvent', thisParameters);
+                        };
+
+                    }
+                }
+            }
+        }
+    };
+
+    var _generateRecordPlay = function() {
+        var recordPlayUi = "<div id='recordPlayContainer'>";
+
+        recordPlayUi += "<div id='recordPlayToolbar'>";
+
+        recordPlayUi += "<div style='height:30px;'>";
+
+        recordPlayUi += "<a id='recordButton' title='Start a Recording' class='recordPlayButton'></a>";
+        recordPlayUi += "<a id='playButton' title='Play Back a Recording' class='recordPlayButton'></a>";
+        recordPlayUi += "<a id='stopButton' title='Stop' class='recordPlayButton'></a>";
+        recordPlayUi += "<a id='deleteButton' title='Delete All Recordings' class='recordPlayButton'></a>";
+        recordPlayUi += "</div>";
+
+        recordPlayUi += "<div id='recordingContainer'><li class='recordingNode recordingRootNode'></li></div>";
+        recordPlayUi += "</div>";
+
+        $('#recordPlayHost').html(recordPlayUi);
+    };
+
+})();   

codes/agent/game-docker/api/document/plugins/recordplay/styles/recordplay.css

@@ -0,0 +1,89 @@
+#recordPlayHost {
+    font-size: 12px;
+    color:#333;
+    height: 100%;
+}
+
+
+#recordPlayContainer 
+{
+    overflow: auto;
+    width: 100%;
+    height: 100%;
+    padding: 10px 10px 10px 10px;
+}
+
+#recordPlayToolbar 
+{
+	margin: 5px 5px 5px 5px;
+    height: 22px;
+}
+
+#recordPlayToolbar .recordPlayButton
+{
+    float: left;
+    width: 22px;
+    height: 22px;
+    border: 1px solid transparent;
+}
+
+#recordPlayToolbar .recordPlayButton:hover
+{
+    border: 1px solid rgb(0,157,217);
+    background-color : rgb(166,221,242);
+}
+
+#recordPlayToolbar .recordPlayButton:active
+{
+    border: 1px solid rgb(0,157,217);
+    background-color : rgb(204,235,248);
+}
+
+#recordPlayToolbar .recordPlayButtonSelected {
+    border: 1px solid rgb(0,157,217);
+    background-color : rgb(204,235,248);    
+}
+
+#recordButton {
+    background: url('../../sitemap/styles/images/233_hyperlink_16.png') no-repeat center center;
+}
+
+#playButton {
+    background: url('../../sitemap/styles/images/225_responsive_16.png') no-repeat center center;
+}
+
+#stopButton {
+    background: url('../../sitemap/styles/images/228_togglenotes_16.png') no-repeat center center;
+}
+
+#deleteButton {
+    background: url('../../sitemap/styles/images/231_event_16.png') no-repeat center center;
+}
+
+#recordNameHeader
+{
+    /* yeah??*/
+	font-size: 13px;
+	font-weight: bold;
+	height: 23px;
+	white-space: nowrap;
+}
+
+#recordPlayContent 
+{
+    /* yeah??*/
+	overflow: visible;
+}
+
+.recordPlayName 
+{
+	font-size: 12px;
+	margin-bottom: 5px;
+	text-decoration: underline;
+	white-space: nowrap;
+}
+
+.recordPlay 
+{
+	margin-bottom: 10px;
+}

codes/agent/game-docker/api/document/plugins/sitemap/sitemap.js

@@ -0,0 +1,490 @@
+var currentNodeUrl = '';
+var allNodeUrls = [];
+
+function openNextPage() {
+    var index = allNodeUrls.indexOf(currentNodeUrl) + 1;
+    if(index >= allNodeUrls.length) return;
+    var nextNodeUrl = allNodeUrls[index];
+    $('.sitemapPageLink[nodeUrl="' + nextNodeUrl + '"]').click();
+}
+
+function openPreviousPage() {
+    var index = allNodeUrls.indexOf(currentNodeUrl) - 1;
+    if(index < 0) return;
+    var nextNodeUrl = allNodeUrls[index];
+    $('.sitemapPageLink[nodeUrl="' + nextNodeUrl + '"]').click();
+}
+
+// use this to isolate the scope
+(function() {
+
+    var SHOW_HIDE_ANIMATION_DURATION = 0;
+
+    var HIGHLIGHT_INTERACTIVE_VAR_NAME = 'hi';
+    
+    var currentPageLoc = '';
+    var currentPlayerLoc = '';
+    var currentPageHashString = '';
+
+    $(window.document).ready(function() {
+        $axure.player.createPluginHost({
+            id: 'sitemapHost',
+            context: 'interface',
+            title: 'PAGES',
+            gid: 1
+        });
+
+        generateSitemap();
+
+        $('.sitemapPlusMinusLink').toggle(collapse_click, expand_click);
+        $('.sitemapPageLink').click(node_click);
+
+        $('#sitemapLinksContainer').hide();
+        $('#linksButton').click(links_click);
+        $('#adaptiveButton').click(adaptive_click);
+        $('#adaptiveViewsContainer').hide();
+
+        $('#highlightInteractiveButton').click(highlight_interactive);
+        $('#searchButton').click(search_click);
+        $('#searchBox').keyup(search_input_keyup);
+        $('.sitemapLinkField').click(function() { this.select(); });
+        $('input[value="withoutmap"]').click(withoutSitemapRadio_click);
+        $('input[value="withmap"]').click(withSitemapRadio_click);
+        $('#minimizeBox, #collapseBox, #footnotesBox, #highlightBox').change(sitemapUrlOptions_change);
+        $('#viewSelect').change(sitemapUrlViewSelect_change);
+
+        $(document).on('ContainerHeightChange', function() {
+            updateContainerHeight();
+        });
+
+        // bind to the page load
+        $axure.page.bind('load.sitemap', function() {
+            currentPageLoc = $axure.page.location.split("#")[0];
+            var decodedPageLoc = decodeURI(currentPageLoc);
+            currentNodeUrl = decodedPageLoc.substr(decodedPageLoc.lastIndexOf('/') ? decodedPageLoc.lastIndexOf('/') + 1 : 0);
+            currentPlayerLoc = $(location).attr('href').split("#")[0].split("?")[0];
+            currentPageHashString = '#p=' + currentNodeUrl.substr(0, currentNodeUrl.lastIndexOf('.'));
+
+            setVarInCurrentUrlHash('p', currentNodeUrl.substring(0, currentNodeUrl.lastIndexOf('.html')));
+
+            $('.sitemapPageLink').parent().parent().removeClass('sitemapHighlight');
+            $('.sitemapPageLink[nodeUrl="' + currentNodeUrl + '"]').parent().parent().addClass('sitemapHighlight');
+
+            var pageName = $axure.page.pageName;
+            $('.pageNameHeader').html(pageName);
+
+            $('#sitemapLinksPageName').html($('.sitemapHighlight > .sitemapPageLinkContainer > .sitemapPageLink > .sitemapPageName').html());
+
+            //Click the "Without sitemap" radio button so that it's selected by default
+            $('input[value="withoutmap"]').click();
+
+            //If highlight var is present and set to 1 or else if
+            //sitemap highlight button is selected then highlight interactive elements
+            var hiVal = getHashStringVar(HIGHLIGHT_INTERACTIVE_VAR_NAME);
+            if(hiVal.length > 0 && hiVal == 1) {
+                $('#highlightInteractiveButton').addClass('sitemapToolbarButtonSelected');
+                $axure.messageCenter.postMessage('highlightInteractive', true);
+            } else if($('#highlightInteractiveButton').is('.sitemapToolbarButtonSelected')) {
+                $axure.messageCenter.postMessage('highlightInteractive', true);
+            }
+
+            //Set the current view if it is defined in the hash string
+            //If the view is invalid, set it to 'auto' in the string
+            //ELSE set the view based on the currently selected view in the toolbar menu
+            var viewStr = getHashStringVar(ADAPTIVE_VIEW_VAR_NAME);
+            if(viewStr.length > 0) {
+                var $view = $('.adaptiveViewOption[val="' + viewStr + '"]');
+                if($view.length > 0) $view.click();
+                else $('.adaptiveViewOption[val="auto"]').click();
+            } else if($('.checkedAdaptive').length > 0) {
+                var $viewOption = $('.checkedAdaptive').parents('.adaptiveViewOption');
+                if($viewOption.attr('val') != 'auto') $viewOption.click();
+            }
+
+            $axure.messageCenter.postMessage('finishInit');
+
+            return false;
+        });
+
+        var $adaptiveViewsContainer = $('#adaptiveViewsContainer');
+        var $viewSelect = $('#viewSelect');
+
+        //Fill out adaptive view container with prototype's defined adaptive views, as well as the default, and Auto
+        $adaptiveViewsContainer.append('<div class="adaptiveViewOption" val="auto"><div class="adaptiveCheckboxDiv checkedAdaptive"></div>Auto</div>');
+        $viewSelect.append('<option value="auto">Auto</option>');
+        if(typeof $axure.document.defaultAdaptiveView.name != 'undefined') {
+            //If the name is a blank string, make the view name the width if non-zero, else 'any'
+            var defaultViewName = $axure.document.defaultAdaptiveView.name;            
+            $adaptiveViewsContainer.append('<div class="adaptiveViewOption currentAdaptiveView" val="default"><div class="adaptiveCheckboxDiv"></div>' + defaultViewName + '</div>');
+            $viewSelect.append('<option value="default">' + defaultViewName + '</option>');
+        }
+
+        var enabledViewIds = $axure.document.configuration.enabledViewIds;
+        for(var viewIndex = 0; viewIndex < $axure.document.adaptiveViews.length; viewIndex++) {
+            var currView = $axure.document.adaptiveViews[viewIndex];
+            if(enabledViewIds.indexOf(currView.id) < 0) continue;
+
+            var widthString = currView.size.width == 0 ? 'any' : currView.size.width;
+            var heightString = currView.size.height == 0 ? 'any' : currView.size.height;
+            var conditionString = '';
+            if(currView.condition == '>' || currView.condition == '>=') {
+                conditionString = ' and above';
+            } else if(currView.condition == '<' || currView.condition == '<=') {
+                conditionString = ' and below';
+            }
+
+            var viewString = currView.name + ' (' + widthString + ' x ' + heightString + conditionString + ')';
+            $adaptiveViewsContainer.append('<div class="adaptiveViewOption" val="' + currView.id + '"><div class="adaptiveCheckboxDiv"></div>' + viewString + '</div>');
+            $viewSelect.append('<option value="' + currView.id + '">' + viewString + '</option>');
+        }
+
+        $('.adaptiveViewOption').click(adaptiveViewOption_click);
+
+        $('.adaptiveViewOption').mouseup(function(event) {
+            event.stopPropagation();
+        });
+
+        $('#searchBox').focusin(function() {
+            if($(this).is('.searchBoxHint')) {
+                $(this).val('');
+                $(this).removeClass('searchBoxHint');
+            }
+        }).focusout(function() {
+            if($(this).val() == '') {
+                $(this).addClass('searchBoxHint');
+                $(this).val('Search');
+            }
+        });
+
+
+        $('#searchBox').focusout();
+    });
+
+    function updateContainerHeight() {
+        $('#sitemapTreeContainer').height($('#sitemapHost').height() - $('#sitemapHeader').outerHeight());
+    }
+
+    function hideAllContainersExcept(exceptContainer) {
+        //1 - adaptive container, 3 - links container
+        if(exceptContainer != 1) {
+            $('#adaptiveViewsContainer').hide();
+            $('#adaptiveButton').removeClass('sitemapToolbarButtonSelected');
+        }
+        if(exceptContainer != 3) {
+            $('#sitemapLinksContainer').hide();
+            $('#linksButton').removeClass('sitemapToolbarButtonSelected');
+        }
+    }
+    
+    function collapse_click(event) {
+        $(this)
+            .children('.sitemapMinus').removeClass('sitemapMinus').addClass('sitemapPlus').end()
+            .closest('li').children('ul').hide(SHOW_HIDE_ANIMATION_DURATION);
+
+        $(this).next('.sitemapFolderOpenIcon').removeClass('sitemapFolderOpenIcon').addClass('sitemapFolderIcon');
+    }
+
+    function expand_click(event) {
+        $(this)
+            .children('.sitemapPlus').removeClass('sitemapPlus').addClass('sitemapMinus').end()
+            .closest('li').children('ul').show(SHOW_HIDE_ANIMATION_DURATION);
+
+        $(this).next('.sitemapFolderIcon').removeClass('sitemapFolderIcon').addClass('sitemapFolderOpenIcon');
+    }
+
+    function node_click(event) {
+        $axure.page.navigate(this.getAttribute('nodeUrl'), true);
+    }
+
+    function links_click(event) {
+        hideAllContainersExcept(3);
+        $('#sitemapLinksContainer').toggle();
+        updateContainerHeight();
+        if($('#sitemapLinksContainer').is(":visible")) {
+            $('#linksButton').addClass('sitemapToolbarButtonSelected');
+        } else {
+            $('#linksButton').removeClass('sitemapToolbarButtonSelected');
+        }
+    }
+
+    $axure.messageCenter.addMessageListener(function(message, data) {
+        if(message == 'adaptiveViewChange') {
+            $('.adaptiveViewOption').removeClass('currentAdaptiveView');
+            if(data.viewId) {$('div[val="' + data.viewId + '"]').addClass('currentAdaptiveView');}
+            else $('div[val="default"]').addClass('currentAdaptiveView');
+
+            //when we set adaptive view through user event, we want to update the checkmark on sitemap
+            if(data.forceSwitchTo) {
+                $('.checkedAdaptive').removeClass('checkedAdaptive');
+                $('div[val="' + data.forceSwitchTo + '"]').find('.adaptiveCheckboxDiv').addClass('checkedAdaptive');
+            }
+        }
+    });
+
+    $(document).on('pluginShown', function (event, data) {
+        if(data == 1) {
+            hideAllContainersExcept(1);
+            updateContainerHeight();
+        }
+    });
+
+    $(document).on('sidebarExpanded', function (event, data) {
+        hideAllContainersExcept(1);
+        updateContainerHeight();
+    });
+
+    function highlight_interactive(event) {
+        if($('#highlightInteractiveButton').is('.sitemapToolbarButtonSelected')) {
+            $('#highlightInteractiveButton').removeClass('sitemapToolbarButtonSelected');
+            $axure.messageCenter.postMessage('highlightInteractive', false);
+            //Delete 'hi' hash string var if it exists since default is unselected
+            deleteVarFromCurrentUrlHash(HIGHLIGHT_INTERACTIVE_VAR_NAME);
+        } else {
+            $('#highlightInteractiveButton').addClass('sitemapToolbarButtonSelected');
+            $axure.messageCenter.postMessage('highlightInteractive', true);
+            //Add 'hi' hash string var so that stay highlighted across reloads
+            setVarInCurrentUrlHash(HIGHLIGHT_INTERACTIVE_VAR_NAME, 1);
+        }
+    }
+
+    function adaptive_click(event) {
+        hideAllContainersExcept(1);
+        $('#adaptiveViewsContainer').toggle();
+        updateContainerHeight();
+        if(!$('#adaptiveViewsContainer').is(":visible")) {
+            $('#adaptiveButton').removeClass('sitemapToolbarButtonSelected');
+        } else {
+            $('#adaptiveButton').addClass('sitemapToolbarButtonSelected');
+        }
+    }
+
+    function adaptiveViewOption_click(event) {
+        var currVal = $(this).attr('val');
+
+        $('.checkedAdaptive').removeClass('checkedAdaptive');
+        $(this).find('.adaptiveCheckboxDiv').addClass('checkedAdaptive');
+
+        currentPageLoc = $axure.page.location.split("#")[0];
+        var decodedPageLoc = decodeURI(currentPageLoc);
+        var nodeUrl = decodedPageLoc.substr(decodedPageLoc.lastIndexOf('/') ? decodedPageLoc.lastIndexOf('/') + 1 : 0);
+        var adaptiveData = {
+            src: nodeUrl
+        };
+
+        adaptiveData.view = currVal;
+        $axure.messageCenter.postMessage('switchAdaptiveView', adaptiveData);
+
+        if(currVal == 'auto') {
+            //Remove view in hash string if one is set
+            deleteVarFromCurrentUrlHash(ADAPTIVE_VIEW_VAR_NAME);
+        } else {
+            //Set current view in hash string so that it can be maintained across reloads
+            setVarInCurrentUrlHash(ADAPTIVE_VIEW_VAR_NAME, currVal);
+        }
+    }
+
+    function search_click(event) {
+        $('#searchDiv').toggle();
+        if(!$('#searchDiv').is(":visible")) {
+            $('#searchButton').removeClass('sitemapToolbarButtonSelected');
+            $('#searchBox').val('');
+            $('#searchBox').keyup();
+            //$('#sitemapToolbar').css('height', '22px');
+            $('#sitemapTreeContainer').css('top', '31px');
+        } else {
+            $('#searchButton').addClass('sitemapToolbarButtonSelected');
+            $('#searchBox').focus();
+            //$('#sitemapToolbar').css('height', '50px');
+            $('#sitemapTreeContainer').css('top', '63px');
+        }
+    }
+
+    function search_input_keyup(event) {
+        var searchVal = $(this).val().toLowerCase();
+        //If empty search field, show all nodes, else grey+hide all nodes and
+        //ungrey+unhide all matching nodes, as well as unhide their parent nodes
+        if(searchVal == '') {
+            $('.sitemapPageName').removeClass('sitemapGreyedName');
+            $('.sitemapNode').show();
+        } else {
+            $('.sitemapNode').hide();
+
+            $('.sitemapPageName').addClass('sitemapGreyedName').each(function() {
+                var nodeName = $(this).text().toLowerCase();
+                if(nodeName.indexOf(searchVal) != -1) {
+                    $(this).removeClass('sitemapGreyedName').parents('.sitemapNode:first').show().parents('.sitemapExpandableNode').show();
+                }
+            });
+        }
+    }
+
+    function withoutSitemapRadio_click() {
+        $('#sitemapLinkWithPlayer').val(currentPageLoc);
+        $('#sitemapOptionsDiv').hide();
+        $('#minimizeBox').attr('disabled', 'disabled');
+        $('#collapseBox').attr('disabled', 'disabled');
+        $('#footnotesBox').attr('disabled', 'disabled');
+        $('#highlightBox').attr('disabled', 'disabled');
+        $('#viewSelect').attr('disabled', 'disabled');
+        $('input[value="withmap"]').parent().removeClass('sitemapRadioSelected');
+
+        updateContainerHeight();
+    }
+
+    function withSitemapRadio_click() {
+        $('#sitemapLinkWithPlayer').val(currentPlayerLoc + currentPageHashString);
+        $('#minimizeBox').removeAttr('disabled').change();
+        $('#collapseBox').removeAttr('disabled').change();
+        $('#footnotesBox').removeAttr('disabled').change();
+        $('#highlightBox').removeAttr('disabled').change();
+        $('#viewSelect').removeAttr('disabled').change();
+        $('#sitemapOptionsDiv').show();
+        $('input[value="withmap"]').parent().addClass('sitemapRadioSelected');
+
+        updateContainerHeight();
+    }
+
+    function sitemapUrlOptions_change() {
+        var currLinkHash = '#' + $('#sitemapLinkWithPlayer').val().split("#")[1];
+        var newHash = null;
+        var varName = '';
+        var defVal = 1;
+        if($(this).is('#minimizeBox')) {
+            varName = SITEMAP_COLLAPSE_VAR_NAME;
+        } else if($(this).is('#collapseBox')) {
+            varName = PLUGIN_VAR_NAME;
+            defVal = 0;
+        } else if($(this).is('#footnotesBox')) {
+            varName = FOOTNOTES_VAR_NAME;
+            defVal = 0;
+        } else if($(this).is('#highlightBox')) {
+            varName = HIGHLIGHT_INTERACTIVE_VAR_NAME;
+        }
+
+        newHash = $(this).is(':checked') ? setHashStringVar(currLinkHash, varName, defVal) : deleteHashStringVar(currLinkHash, varName);
+
+        if(newHash != null) {
+            $('#sitemapLinkWithPlayer').val(currentPlayerLoc + newHash);
+        }
+    }
+
+    function sitemapUrlViewSelect_change() {
+        var currLinkHash = '#' + $('#sitemapLinkWithPlayer').val().split("#")[1];
+        var newHash = null;
+        var $selectedOption = $(this).find('option:selected');
+        if($selectedOption.length == 0) return;
+        var selectedVal = $selectedOption.attr('value');
+
+        newHash = selectedVal == 'auto' ? deleteHashStringVar(currLinkHash, ADAPTIVE_VIEW_VAR_NAME) : setHashStringVar(currLinkHash, ADAPTIVE_VIEW_VAR_NAME, selectedVal);
+
+        if(newHash != null) {
+            $('#sitemapLinkWithPlayer').val(currentPlayerLoc + newHash);
+        }
+    }
+
+    function generateSitemap() {
+        var treeUl = "<div id='sitemapHeader'' class='sitemapHeader'>";
+        treeUl += "<div id='sitemapToolbar' class='sitemapToolbar'>";
+        treeUl += "<div class='pluginNameHeader'>PAGES</div>";
+        treeUl += "<div class='pageNameHeader'></div>";
+
+        treeUl += "<div class='pageButtonHeader'>";
+
+        if($axure.document.configuration.enabledViewIds.length > 0) {
+            treeUl += "<a id='adaptiveButton' title='Select Adaptive View' class='sitemapToolbarButton'></a>";
+        }
+
+        treeUl += "<a id='linksButton' title='Get Links' class='sitemapToolbarButton'></a>";
+        treeUl += "<a id='highlightInteractiveButton' title='Highlight interactive elements' class='sitemapToolbarButton'></a>";
+        treeUl += "</div>";
+        
+        treeUl += "</div>";
+
+        if($axure.document.adaptiveViews.length > 0) {
+            treeUl += "<div id='adaptiveViewsContainer'><div style='margin-bottom:10px;'>Adaptive Views</div></div>";
+        }
+
+        //linkcontainer
+        treeUl += "<div id='sitemapLinksContainer' class='sitemapLinkContainer'>";
+        treeUl += "<div style='margin-bottom:10px;'>Generate sharable URLs</div>";
+        treeUl += "<input id='sitemapLinkWithPlayer' type='text' class='sitemapLinkField'/>";
+        treeUl += "<div class='sitemapOptionContainer'>";
+        treeUl += "<div><label><input type='radio' name='sitemapToggle' value='withoutmap'/>Without Sidebar</label></div>";
+        treeUl += "<div style='margin-top:10px;'><label><input type='radio' name='sitemapToggle' value='withmap'/>With Sidebar</label>";
+
+        treeUl += "<div id='sitemapOptionsDiv'>";
+        treeUl += "<div class='sitemapUrlOption'><label><input type='checkbox' id='minimizeBox' />Minimize sidebar</label></div>";
+        treeUl += "<div class='sitemapUrlOption'><label><input type='checkbox' id='collapseBox' />Pages closed</label></div>";
+        if($axure.document.configuration.showAnnotations == true) {
+            treeUl += "<div class='sitemapUrlOption'><label><input type='checkbox' id='footnotesBox' />Hide footnotes</label></div>";
+        }
+
+        treeUl += "<div class='sitemapUrlOption'><label><input type='checkbox' id='highlightBox' />Highlight interactive elements</label></div>";
+
+        if($axure.document.configuration.enabledViewIds.length > 0) {
+            treeUl += "<div id='viewSelectDiv' class='sitemapUrlOption'><label>View: <select id='viewSelect'></select></label></div>";
+        }
+
+        treeUl += "</div></div></div></div>";
+        /////////////////
+
+        treeUl += "</div>";
+
+        treeUl += "<div id='sitemapTreeContainer'>";
+
+        treeUl += '<div id="searchDiv" style=""><input id="searchBox" style="" type="text"/></div>';
+
+        treeUl += "<ul class='sitemapTree' style='clear:both;'>";
+        var rootNodes = $axure.document.sitemap.rootNodes;
+        for(var i = 0; i < rootNodes.length; i++) {
+            treeUl += generateNode(rootNodes[i], 0);
+        }
+        treeUl += "</ul></div>";
+
+        $('#sitemapHost').html(treeUl);
+        if($axure.document.adaptiveViews.length <= 0) {
+            $('#sitemapHost .pageNameHeader').css('padding-right', '55px');
+        }
+    }
+
+    function generateNode(node, level) {
+        var hasChildren = (node.children && node.children.length > 0);
+        var margin, returnVal;
+        if(hasChildren) {
+            margin = (9 + level * 17);
+            returnVal = "<li class='sitemapNode sitemapExpandableNode'><div><div class='sitemapPageLinkContainer' style='margin-left:" + margin + "px'><a class='sitemapPlusMinusLink'><span class='sitemapMinus'></span></a>";
+        } else {
+            margin = (21 + level * 17);
+            returnVal = "<li class='sitemapNode sitemapLeafNode'><div><div class='sitemapPageLinkContainer' style='margin-left:" + margin + "px'>";
+        }
+
+        var isFolder = node.type == "Folder";
+        if(!isFolder) {
+            returnVal += "<a class='sitemapPageLink' nodeUrl='" + node.url + "'>";
+            allNodeUrls.push(node.url);
+        }
+        returnVal += "<span class='sitemapPageIcon";
+        if(node.type == "Flow") { returnVal += " sitemapFlowIcon"; }
+        if(isFolder) {
+            if(hasChildren) returnVal += " sitemapFolderOpenIcon";
+            else returnVal += " sitemapFolderIcon";
+        }
+
+        returnVal += "'></span><span class='sitemapPageName'>";
+        returnVal += $('<div/>').text(node.pageName).html();
+        returnVal += "</span>";
+        if(!isFolder) returnVal += "</a>";
+        returnVal += "</div></div>";
+
+        if(hasChildren) {
+            returnVal += "<ul>";
+            for(var i = 0; i < node.children.length; i++) {
+                var child = node.children[i];
+                returnVal += generateNode(child, level + 1);
+            }
+            returnVal += "</ul>";
+        }
+        returnVal += "</li>";
+        return returnVal;
+    }
+})();